JQ的select事件，怎么做到只輸出選擇的文本部分，代碼具體代碼是啥
JQ的select事件，怎么做到只輸出選擇的文本部分，代碼具體代碼是啥
<body>
? ? <h2>input與textarea</h2>
? ? <div class="left">
? ? ? ? <h4>測試一</h4>
? ? ? ? <div class="aaron">
? ? ? ? ? ? 選中文字：input
? ? ? ? ? ? <input type="text" value="慕課網" />
? ? ? ? </div>
? ? ? ? <button id="bt1">觸發input元素的select事件</button>
? ? ? ??
? ? ? ? <h4>測試二</h4>
? ? ? ? <div class="aaron">
? ? ? ? ? ? textarea：
? ? ? ? ? ? <textarea rows="3" cols="20">用鼠標選中文字</textarea>
? ? ? ? </div>
? ? </div>
?
? ? <script type="text/javascript">
? ? //監聽input元素中value的選中
? ? //觸發元素的select事件
? ? $("input").select(function(e){
? ? ? ? alert(e.target.value)
? ? })
? ? $("#bt1").click(function(){
? ? ? ? $("input").select();
? ? })
? ? //監聽textarea元素中value的選中
? ? $('textarea').select(function(e) {
? ? ? ? alert(e.target.textContent);
? ? });
? ? </script>
</body>
</html>
e.target.value應該怎么改？
2017-03-02
我試了一下這樣可以：
alert(e.target.value.substring(e.currentTarget.selectionStart,e.currentTarget.selectionEnd));
不知道有沒有更好的方法