zoukankan      html  css  js  c++  java
  • 关于onclick和addeventlistener('click'),click的整理

    代码

    $(function(){
    $("#btn").click(function(){
    console.log(2)
    })
    $("#btn").click(function(){
    console.log(1)
    })
    $("#btn").click(function(){
    console.log(3)
    })
    })
    这个点击结果是输出2,1,3
    因为你此处相当于绑定了click,在你没解绑之前,他依然具有第一个事件的,所以他会继续之前一个;
    原生
    document.getElementById("btn").addEventListener("click",function(){
    console.log(10)
    },false)
    document.getElementById("btn").addEventListener("click",function(){
    console.log(11)
    },false)
    document.getElementById("btn").addEventListener("click",function(){
    console.log(12)},false);
    而onclick:
    是重新赋值,变量提升
    document.getElementById("btn").onclick=function(){
    console.log(1)
    }
    document.getElementById("btn").onclick=function(){
    console.log(2)
    }
    document.getElementById("btn").onclick=function(){
    console.log(3)
    }
    最终结果是3

  • 相关阅读:
    UVa 106
    UVa 111
    UVa 105
    UVa 104
    UVa 103
    UVa 102
    UVa 101
    UVa 100
    就决定是你了!
    阿姆斯特朗回旋加速喷气式阿姆斯特朗炮
  • 原文地址:https://www.cnblogs.com/lyz1991/p/5372696.html
Copyright © 2011-2022 走看看