小议使用trigger()的主动触发模拟点击的使用

最新推荐文章于 2024-08-19 09:00:00 发布

xyphf_和派孔明

最新推荐文章于 2024-08-19 09:00:00 发布

阅读量3.2k

点赞数

分类专栏： DOM&BOM操作 Java全栈之路文章标签：主动触发

本文链接：https://blog.csdn.net/xyphf/article/details/52729234

版权

DOM&BOM操作同时被 2 个专栏收录

64 篇文章 0 订阅

订阅专栏

Java全栈之路

55 篇文章 11 订阅

订阅专栏

<body style="height:2000px;">
<input id="input1" type="button" value="添加"><input id="input2" type="text">
<ul>
    <li>1111</li>
    <li>1111</li>
    <li>1111</li>
    <li>1111</li>
</ul>
</body>

<script>
$(function(){  
    $('ul').delegate('li','click',function(ev){
        $(this).css('background','red');
    });

    $('#input1').click(function(){
        var $li = $('<li>'+ $('#input2').val() +'</li>');
        $('ul').append( $li );
    });

    $('#input2').keydown(function(ev){
        if( ev.which == 13 ){
            $('#input1').trigger('click');//当按回车键的时候模拟点击
            //$('#input1').click();        
        }
    }); 
});
</script>