zoukankan      html  css  js  c++  java
  • 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方法起到追加事件的作用。实例如下

    Html代码

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

    弹出框的弹出顺序先是'bb',然后是'aa'.

  • 相关阅读:
    现代操作系统-读者/写者问题
    现代操作系统-进程互斥
    关于网页强制被跳转到wpkg.org的解决
    Leetcode Count Prime
    Leetcode Add Two Numbers
    Leetcode Two Sum
    can't find -lsocket的解决办法
    删除Windows右键不用的选项
    Linux下的另一个词典GoldenDict
    spark执行例子eclipse maven打包jar
  • 原文地址:https://www.cnblogs.com/lmg-jie/p/9816194.html
Copyright © 2011-2022 走看看