jQuery 表单事件之select()事件

select 事件

定义和用法

当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。

select() 方法触发 select 事件，或规定当发生 select 事件时运行的函数。

下面我们来看一下select() 事件

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <input type="text" value="php 中文网">
    <p>php 中文网</p>

    <script>
        $('input').select(function(){
            $('p').css('color','red');
        })
    </script>
</body>
</html>

当文本框中的内容被选中时，会触发select() 事件，然后改变p标签的内容的颜色

新建文件

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
	<input type="text" value="php 中文网">
	<p>php 中文网</p>

	<script>
		$('input').select(function(){
			$('p').css('color','red');
		})
	</script>
</body>
</html>

提交重置代码

自动运行

全屏