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>
运行结果：
