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

请问怎么样才能选中哪个alert哪个呢

现在是不管选中那个 都全部显示  “用鼠标选中文字”,我想 只alert选中的文字

正在回答

3 回答

<!DOCTYPE html>

<html>


<head>

    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

    <title></title>

    <style>

    .left div,

    .right div {

        width: 500px;

        height: 80px;

        padding: 5px;

        margin: 5px;

        float: left;

        border: 1px solid #ccc;

    }

    

    .left div {

        background: #bbffaa;

    }

    

    .right div {

        background: yellow;

    }

    

    select {

        height: 100px;

    }

    </style>

    <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>

</head>


<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)

        return false

    })

    $("#bt1").click(function(){

        $("input").select();

    })



    //监听textarea元素中value的选中

    $('textarea').select(function(e) {

        alert(window.getSelection().toString());//非IE内核浏览器可以用这种方法,考虑兼容性的话你可以用getselectionstart()和getselectionend()

    });


    </script>

</body>


</html>


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

第二热情 提问者

非常感谢!
2016-09-04 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

请问怎么样才能选中哪个alert哪个呢

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