`

【转】document.addEventListener理解

阅读更多

document.addEventListener("事件名称", 函数, false);

function 某函数(event){

       //  方法执行

}

addEventListener里最后一个参数决定该事件的响应顺序;

如果为true事件执行顺序为 addEventListener ---- 标签的onclick事件 ---- document.onclick 

如果为false事件的顺序为 标签的onclick事件 ---- document.onclick  ---- addEventListener

理解为其他代码的调用入口

 

原文地址:http://blog.csdn.net/aaawqqq/article/details/20632501

分享到:
评论

相关推荐

    document.addEventListener使用介绍

    主要介绍了document.addEventListener,下面有个示例,大家可以参考下

    window.addEventListener来解决让一个js事件执行多个函数

    可能你也碰到过这种情况,就是在js的代码中用了[removed]后,可能会影响到body中的onload事件。这时就要用window.attachEvent和window.addEventListener来解决一下,需要的朋友可以参考下

    JS定义回车事件(实现代码)

    代码如下:$(function () { //定义回车事件 if (document.addEventListener) {//如果是Firefox document.addEventListener(“keypress”, fireFoxHandler, true); } else { document.attachEvent(“onkeypress...

    css3实现点击提交按钮加载进度条动画特效.zip

    const button = document.querySelector('.button'); const submit = document.querySelector('.submit'); function toggleClass() { this.classList.toggle('active'); } function addClass() { this....

    PHP微信支付接口开发代码

    document.addEventListener("WeixinJSBridgeReady", jsApiCall, false); }else if (document.attachEvent){ document.attachEvent("WeixinJSBridgeReady", jsApiCall); document.attachEvent(...

    jQuery的鼠标左右键自定义菜单代码.zip

    var onClick = function(e) { ...document.querySelector('a.context').addEventListener('contextmenu', onClick) document.querySelector('a.touchend').addEventListener('touchend', onClick) })

    详解addEventListener的三个参数之useCapture

    addEventListener 有三个参数:第一个参数表示事件名称(不含 on,如 “click”);第二个参数表示要接收事件处理的函数;第三个参数为 useCapture,本文就讲解它。 代码如下: ”outDiv”>  ”middleDiv”>  ”...

    10个至强JavaScript代码

    if (window.addEventListener) this.oc.addEventListener('DOMMouseScroll', function(e) { this.parent.scroll(-e.detail); }, false); else this.oc.onmousewheel = function () { this.parent....

    cordova-screenshot cordova截屏插件

    document.addEventListener("deviceready", init, false); function init() { document.querySelector("#share").addEventListener("touchend", function() { navigator.screenshot.save(function(error,res){ ...

    android新闻消息推送功能

    能够实现模拟的新闻消息的推送!建立一个线程,能够在一段时间之后进行一个推动!

    css3点击提交按钮加载进度条动画特效.zip

    const button = document.querySelector('.button'); const submit = document.querySelector('.submit'); function toggleClass() { this.classList.toggle('active'); } function addClass() { this....

    CSS input输入框删除文字效果js代码.zip

    document.getElementById("search").addEventListener("keyup",function(){ if(this.value.length>0) { document.getElementById("cls").style.visibility="visible"; document.getElementById("cls").onclick=...

    JS中动态添加事件(绑定事件)的代码

    两种方式:直接给对象添加事件,节点添加事件 例如给一个id为tab1的添加onclick事件 第一种情况: ... if(window.addEventListener){ // Mozilla, Netscape, Firefox td_value.addEventListener(‘click’, alert(’1

    仿MacOS苹果系统底部图标菜单动画代码.zip

    这是一款基于js css3制作的MacOS苹果操作系统页面底部图标菜单动画效果...document.body.addEventListener('click', function() {  document.getElementById('downloads').classList.remove('demo') }); [removed]

    vue移动端开发的前面预适配

    document.addEventListener('DOMContentLoaded',()=>{ const html=document.querySelector('html') let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth; let fontSize=...

    touchScroll.js

    触屏特效插件touchScroll 智能手机的普及也让网页设计人员的设计风格发生了变化,手机不像PC那样的大部分通过鼠标来完成,都是以触屏拖动等方式来实现。今天这个触屏特效是jquery插件,实现滚动条自定义效果的同时...

    移动端签名代码

    document.getElementById("clear").addEventListener('tap', function() { $("#signature").jSignature("reset"); $("#pic")[0][removed] = ''; }); document.getElementById("save").addEventListener('tap', ...

    使用鼠标绘制canvase图形

    cvs.addEventListener("mousemove", mousemoveHandler, false); } drawPolygon(points); } else if(event.button === 2) { flag = true; cvs.removeEventListener("mousemove", mousemoveHandler); } }

Global site tag (gtag.js) - Google Analytics