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>

提交重置程式碼

自動運行

全螢幕