zoukankan      html  css  js  c++  java
  • $("").click与onclick的区别示例介绍

    onclick是绑定事件,click本身是方法作用是触发onclick事件,只要执行了元素的click()方法

    Html代码

    <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'.

  • 相关阅读:
    PHP 数组和字符串转换(超详细
    获取客户端ip、地理信息、浏览器、真实IP的php类库
    将博客搬至CSDN
    1.0.1unity服务器学习经验
    音游制作插件Koreographer-第0篇 简介
    Unity UIWidgets
    Unity UIWidgets
    Unity UIWidgets
    Lua中ipairs和pairs的区别详解
    ubuntu下面配置apache
  • 原文地址:https://www.cnblogs.com/aure/p/4666820.html
Copyright © 2011-2022 走看看