`
zhanshenny
  • 浏览: 260160 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js绑定事件监听函数

 
阅读更多
目前,有三种可靠的事件注册方式:传统绑定,IE方式,W3C方式
1. 传统绑定
实例:
document.getElementsByTagName("form")[0].onsubmit = function(e){
  return stopDefault(e);
}

2. Dom绑定(W3C)
document.getElementsByTagName("form")[0].addEventListener('submit',function(e){return stopDefault(e);},false);
事件阶段取决于addEventListener的第三个参数:false(冒泡)或true(捕获)
3. Dom绑定(IE)
document.getElementsByTagName("form")[0].attachEvent('onsubmit',function(){return stopDefault();},);
分享到:
评论

相关推荐

    JavaScript绑定事件监听函数的通用方法

    主要为大家详细介绍了JavaScript绑定事件监听函数的通用方法,感兴趣的朋友可以参考一下

    JavaScript绑定大事监听函数的通用方法_.docx

    JavaScript绑定大事监听函数的通用方法_.docx

    JS 事件绑定、事件监听、事件委托详细介绍

    在JavaScript的学习中,我们经常会遇到JavaScript的事件机制,例如,事件绑定、事件监听、事件委托(事件代理)... 绑定事件监听函数。 在DOM中直接绑定事件 我们可以在DOM元素上绑定onclick、onmouseover、onmouseout

    JavaScript为事件句柄绑定监听函数实例详解

    本文实例讲述了JavaScript为事件句柄绑定监听函数的方法。分享给大家供大家参考,具体如下: 在JavaScript中为Dom元素绑定事件监听函数是一件非常常见的事情,但这里也有许多的Bug。各种浏览器对于事件绑定都提供了...

    JavaScript实现为事件句柄绑定监听函数的方法分析

    本文实例讲述了JavaScript实现为事件句柄绑定监听函数的方法。分享给大家供大家参考,具体如下: 在JavaScript中为Dom元素绑定事件监听函数是一件非常常见的事情,但这里也有许多的Bug。各种浏览器对于事件绑定都...

    封装了一个支持匿名函数的Javascript事件监听器

    下面的方法中对于添加事件监听的方法是一样的,只不过在取消事件绑定上面做了点手术,现在可以支持匿名函数的使用,所以在绑定事件的时候不再需要给函数单独命名了。 主要代码: 代码如下:/*绑定事件与取消绑定*/var...

    【JavaScript源代码】JQuery绑定事件四种实现方法解析.docx

     jQuery中提供了四种事件监听方式,分别是bind、live、delegate、on,对应的解除监听的函数分别是unbind、die、undelegate、off。在开始看他们之前 一:bind(type,[data],function(eventObject)) bind是使用频率...

    关于JavaScript中事件绑定的方法总结

    最近收集了一些关于JavaScript绑定事件的方法,汇总了一下,不全面,但是,希望便于以后自己查看。 JavaScript中绑定事件的方法主要有三种: 1 在DOM元素中直接绑定 2 JavaScript代码中直接绑定 3 绑定事件监听函数 ...

    JS的事件绑定深入认识

    1.一个事件绑定多个事件监听函数,后者将覆盖前者。 2.需要限制重复绑定的情况 3.标准化event对象 二、现代事件绑定 DOM2级事件定义了两个方法用于添加、删除事件:addEventListener()、removeEventListener().他们...

    javascript实现简单的on事件绑定

    实现一个简单的on和off方法 介绍: Event对象:  funcList: {}, //保存delegate所绑定的... Event.delegateHandle: 当发生事件之后,随着事件的冒泡上升,判断存在事件委托的元素,并执行对应的回调函数 addEvent / off

    程序员面试刷题的书哪个好-learningJS:学习JS

    是标准的绑定事件监听函数的方法,是W3C所支持的,Chrome、FireFox、Opera、Safari、IE9.0及其以上版本都支持该函数;但是,IE8.0及其以下版本不支持该方法,它使用attachEvent()来绑定事件监听函数。所

    Vue.JS入门教程之事件监听

    你可以使用 v-on 指令来绑定并监听 DOM 事件。绑定的内容可以是一个当前实例上的方法 (后面无需跟括号) 或一个内联表达式。如果提供的是一个方法,则原生的 DOM event 会被作为第一个参数传入,同时这个 event 会带...

    node.js中事件触发器events的使用方法实例分析

    本文实例讲述了node.js中事件...通过on()方法我们可以绑定事件与监听函数: const Events = require('events'); //自定义一个类,继承于EventEmitter类 class MyEvent extends Events { } //实例化一个我们自定义

    Vue.js事件处理器与表单控件绑定详解

    3.可以通过绑定给函数传递参数,还可以传递通过变量$event给函数传递原生DOM事件。 <button v-on:click=counter += 1>增加1</button> 这个按钮被点击了{{counter}} <button v-on:click=great&gt...

    给页面渲染时间加速 干掉Dom Level 0 Event

    我们知道给dom元素绑定事件监听函数的方法有如下3种: 1 : 页面html: 代码如下: <button onclick=”test();”></button> 2: 页面html: 代码如下: <button id=”btn”></button> [removed]...

    js中最最常用的函数封装,方便调用

    事件委托的封装 function eveEnt(child,cb){ return function(eve){ var e = eve || window.event; var mubiaoEle = e.target || e....事件监听式绑定事件 function addEvent(ele,type,cb){ if(ele.

    JavaScript函数绑定用法实例分析

    本文实例讲述了JavaScript函数绑定。分享给大家供大家参考,具体如下: Perface 如果让你实现这个页面和一些操作的,比如点击1、2、3等就在那个input text中显示,还有删除功能,拨打我们先不要管它,只是模拟而已...

Global site tag (gtag.js) - Google Analytics