javascript 中 click 和onclick有什么区别呢

<script type="text/javascript"> 
    $(function(){ 
        $("#btn4").click(function(){ 
            $("#btn3").click(); 
        }); 
    }); 
    function change(){ 
        alert("onclick"); 
    } 
</script>
<button id="btn3" onclick="change()">dd</button> 
<button id="btn4">ee</button>

区别:
1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么。
click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件。
如上诉代码所示,当点击’ee’按钮时,会触发’dd’的onclick事件(正常来说得按’dd’按钮才触发’dd’的onclick事件),原因就是因为

("#btn4").click(function(){$("#btn3").click();
点击’ee’按钮时,代码内部调用了’dd’的click()方法,从而触发了’dd’的onclick事件。

2.click()方法的主要作用是触发调用click方法元素onclick事件。
此外,如果在click方法定义了如下代码
$("#btn3").click(function(){alert("*****");
click方法中的function代码会在onclick事件执行完后执行,此时click方法起到追加事件的作用。实例如下:

    $(function(){ 
        $("#btn3").click(function(){ 
            alert("aa"); 
        }); 
    }); 
    function change(){ 
        alert("bb"); 
    } 
发布了23 篇原创文章 · 获赞 1 · 访问量 344

猜你喜欢

转载自blog.csdn.net/lsh159745/article/details/105159945