jQuery-click事件

实例:

<body>
    <p><input type="text" name="form111" value="email..." id=""></p>
    <p><input type="text" name="form222" value="email..." id=""></p>
    <p><input type="button" value="test1"></p>
    <p><input type="button" value="test2"></p>

</body>
<script type="text/javascript">
    var inps = document.getElementsByTagName('input');
    var inp0 = inps[0];
    // inp0.onmouseover = function() {
    //     //原生时间绑定+原生事件触发
    //     this.value = '';
    //     this.focus();
    // }
    $('input[name=form222]').mouseover(function(){
        $(this).val('');   //修改value,不传参则读值,传参则赋值  
        $(this).focus();
    });

    //结果:响
    inps[2].onclick = function() {
        alert("丁");
    }
    inps[2].onclick = function() {
        alert("当");
    }
    inps[2].onclick = function() {
        alert("响");
    }

    // 结果: 嗯嗯    啊啊    哦哦
    $(inps[3]).click(function(){alert("嗯嗯")});
    $(inps[3]).click(function(){alert("啊啊")});
    $(inps[3]).click(function(){alert("哦哦")});
</script>

总结:$().onclick=function()()这种方式实际上只是给onclick属性赋值,当附多个值得时候,前面的值都将被覆盖,只有最后一个函数被调用。
$().click(function(){})这种方式是为选中的元素绑定事件,程序会按时间绑定的顺序逐个执行。

猜你喜欢

转载自blog.csdn.net/Wake_me_Up123/article/details/83863259