jQuery --表单select事件

最新推荐文章于 2021-12-02 17:22:24 发布

weixin_30535913

最新推荐文章于 2021-12-02 17:22:24 发布

阅读量129

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ChenMM/p/9481453.html

版权

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
 7 
 8     </head>
 9     <body>
10         <p>当textarea或文本类型的input元素中的文本被选择时，会触发select事件</p>
11         <div class='a1'>
12             <p>测试1</p>
13             <div class='b1'>
14                 选中文字：
15                 <input  type='text' value='hello'/>
16             </div>
17             <button id='btn1'>点击</button>
18             
19             
20         </div>
21         <p>测试2</p>
22         <div class='a2'>
23             textarea:
24             <textarea rows='3' cols='20'>用鼠标选中文本</textarea>
25         </div>
26         <script>
27              //监听input元素中value的选中
28             //触发元素的select事件
29             $('input').select(function(e){
30                 alert(e.target.value);
31             });
32             $('#btn1').click(function(){
33                 $('input').select();
34             });
35             //监听textarea元素中的value的选中
36             $('textarea').select(function(e){
37                 alert(e.target.value);
38             });
39         </script>
40     </body>
41 </html>