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>
運行結果：
