为了账号安全,请及时绑定邮箱和手机立即绑定

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应该怎么改?

正在回答

1 回答

我试了一下这样可以:

alert(e.target.value.substring(e.currentTarget.selectionStart,e.currentTarget.selectionEnd));

不知道有没有更好的方法

4 回复 有任何疑惑可以回复我~
#1

慕粉4345620 提问者

可以的,可以的,谢谢你
2017-03-05 回复 有任何疑惑可以回复我~
#2

淡水狗

能解释一下下吗
2017-07-14 回复 有任何疑惑可以回复我~
#3

慕丝1033313

求解释+1
2017-07-18 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

JQ的select事件,怎么做到只输出选择的文本部分,代码具体代码是啥

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信