zoukankan      html  css  js  c++  java
  • javascript事件绑定和普通事件的区别

    区别就是:普通事件只支持单个事件,事件绑定可以添加多个事件。

    代码:

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>Document</title>
    </head>
    <body>
        <button id="btn">button</button>
        <script type="text/javascript">
            var myBtn=document.getElementById("btn");
    
            myBtn.onclick=function  () {
                alert('普通事件1');//不执行
            }
            myBtn.onclick=function  () {
                alert('普通事件2');//弹出
            }
    
    //      上面用普通方法添加两个事件,下面用事件绑定添加两个事件。
    
            myBtn.addEventListener('click',function  () {
                alert('事件绑定1');//弹出
            },false)
            myBtn.addEventListener('click',function  () {
                alert('事件绑定2');//弹出
            },false)
    
            //注意我这里只使用W3C的标准写法添加事件,没有兼容低版本的IE。
    
        </script>
    </body>
    </html>
    
  • 相关阅读:
    python 学习
    快速排序
    U3D AStar 案例
    U3D AStar 算法原理
    .net core 实时通讯
    .net 算法复杂度
    U3D MVC 背包案例
    U3D 对象池
    Unity网络基础(NetWork)
    U3D Socket实现简易通讯
  • 原文地址:https://www.cnblogs.com/chaofei/p/5989065.html
Copyright © 2011-2022 走看看