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

来源:3-3 jQuery表单事件之select事件

慕粉4345620

2017-03-02 10:48

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回答

  • 流浪滴汪汪汪
    2017-03-02 16:48:15
    已采纳

    我试了一下这样可以:

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

    不知道有没有更好的方法

    慕丝1033...

    求解释+1

    2017-07-18 16:08:59

    共 3 条回复 >

jQuery基础(三)—事件篇

jQuery第三阶段开启事件修炼,掌握对页面进行交互的操作

89994 学习 · 625 问题

查看课程

相似问题