jQuery 事件 select() 方法

jQuery 事件select() 方法将事件处理程序绑定到 select 事件，或者在<input> 或<textarea> 元素中的文本被选中时触发该事件。

语法

以下是 jQuery 事件select() 方法的语法：

$(selector).select(function)

参数

此方法接受一个函数作为参数，如下所述：

function (可选) - 当 select 事件发生时执行的可选函数。

返回值

此方法没有任何返回值。

示例 1

以下是 jQuery 事件select() 方法的基本示例：

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
</head>
<body>
    <p>Select the text within the below input field.</p>
    Company Name: <input type="text" value="TutorialsPoint">
    <script>
        $('input').select(function(){
            alert("You select text within the input field.")
        });
    </script>
</body>
</html>

输出

上面的程序显示一个带有预定义值的输入字段。当用户在此输入字段中选择文本时，浏览器屏幕上将出现一个弹出警报消息：

示例 2

这是 jQuery 事件select() 方法的另一个示例。我们使用此方法在文本区域中的文本被选中时显示该文本：

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
</head>
<body>
    <p>Select the text within the below textarea field.</p>
    Write your valuable Feedback: <br><textarea name="" id="" cols="30" rows="10"></textarea>
    <span></span>
    <script>
        $('textarea').select(function(){
            $('span').text($('textarea').val());
        });
    </script>
</body>
</html>

输出

执行上述程序后，将显示一个文本区域字段。如果您在文本区域中写入并选择文本，则选定的文本将显示在文本区域字段旁边：

示例 3

当input 字段内的文本被选中时，更改输入字段的背景颜色：

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
</head>
<body>
    <p>Select the text within the below input field to change the background color.</p>
    Name: <br><input type="text">
    <span></span>
    <script>
        $('input').select(function(){
            $(this).css({"background-color": "green", "color": "white"});
        });
    </script>
</body>
</html>

输出

执行上述程序后，它将显示一个输入字段。当输入中的文本被选中时，背景将变为绿色：

jquery_ref_events.htm

打印页面