jQuery选择文本事件函数– select（）方法

jQuery select() method triggers when a text in the text field or text area is selected. This method attaches a handler, which executes when the selected event is fired.

当在文本字段或文本区域中选择文本时， jQuery select（）方法触发。此方法附加一个处理程序，该处理程序在激发选定事件时执行。

The syntax for using jQuery select():

使用jQuery select（）的语法：

select()选择（）

This signature is used without any arguments

使用此签名时不带任何参数

select (handler)选择（处理程序）

The handler is a function, which is executed when the text inside the <text area> or <input type=”text”> gets selected.

处理程序是一个函数，当选择<文本区域>或<输入类型=“文本”>中的文本时执行。

jQuery select（）函数示例 (jQuery select() function example)

Following example demonstrates select() method usage.

下面的示例演示select（）方法的用法。

jquery-select.html

<!DOCTYPE html>
<html>
<head>
<title>jQuery Select</title>
<script src="https://code.jquery.com/jquery-2.1.1.js"></script><style>
p {color: green;
}
div {
color: red;
}
</style></head>
<body>
<p>Select Event Demo </p>
<input type="text" value="Select this text">
<div></div>
<script>
$( ":input" ).select(function() {
$( "div" ).text( "You have selected the text." ).show().fadeOut( 1500 );
});
</script>
</body>
</html>

In this example, you can see that the select() method is triggered when you select the text in the input field. When you select the text, the function attached to the select() method is executed and a text is displayed below the input field and fades out. This is how select() method works in the jquery.

在此示例中，您可以看到在输入字段中选择文本时触发了select（）方法。选择文本时，将执行附加到select（）方法的函数，并且文本将在输入字段下方显示并逐渐消失。这就是select（）方法在jquery中的工作方式。

You can try it yourself by selecting the text in the below text box.

您可以通过在下面的文本框中选择文本来自己尝试。

演示地址

翻译自: https://www.journaldev.com/5024/jquery-select-text-event-function-select-method

jQuery选择文本事件函数– select（）方法相关推荐

jquery中阻止事件冒泡的方法
2019独角兽企业重金招聘Python工程师标准>>> 根据<jquery基础教程> 第一种方法:判断事件的"直接"目标是否是自身,如果不是自身,不予 ...
使用JQuery选择HTML遍历函数
使用JQuery,可以很容易的选择THML元素.但在有些时候,HTML结构比较复杂的时候,提炼我们选择的元素就是一件比较麻烦的事情. 1.children 这个函数得到一组元素的直接子级. 给chil ...
jquery概述_jQuery事件方法概述
jquery概述 jQuery API provides different event methods to interact with the browser. jQuery event meth ...
锋利的Jquery【读书笔记】 -- 第四章 jQuery中的事件和动画
锋利的Jquery读书笔记第三章 jQuery中的DOM操作 jQuery中的事件事件绑定 bind方法合成事件 hover方法 toggle方法事件冒泡事件对象停止事件冒泡阻止默认行为 ...
JavaScript--函数--参数--事件函数的关系--形参和实参
函数概念:函数就是代码块,可以多次调用,很容易实现模块化编程. 好处: 1)减少代码开发时间 2) 模块化编程 3) 可以重复使用函数的定义: 形式1 function fn(){ // 函数体内 ...
深入学习jQuery描述文本内容的3个方法
前面的话在javascript中,描述元素内容有5个属性,分别是innerHTML.outerHTML.innerText.outerText和textContent.这5个属性各自有各自的功能,且 ...
JQuery框架2.位置属性|筛选方法|事件
1.位置属性 jquery的css position获取匹配元素相对父元素的偏移位置:offset获取匹配元素在当前视口的相对偏移,返回的对象包含两个整型属性:top 和 left $("p ...
获得焦点时选择文本框的所有内容（Vanilla JS或jQuery）
本文翻译自:Select all contents of textbox when it receives focus (Vanilla JS or jQuery) 什么是Vanilla JS或jQu ...
jQuery1.9+ 废弃的函数和方法升级Jquery版本遇到的问题
面临问题很久没关注JQuery了,今天突然想升级一下系统中使用的jquery版本,突然发现,升级JQuery版本到1.9之后出现了很多问题,比如:$.browser is undefined.突然就 ...

jQuery选择文本事件函数– select（）方法

jQuery select（）函数示例 (jQuery select() function example)

jQuery选择文本事件函数– select（）方法相关推荐

最新文章

热门文章