JS 事件绑定的几种方式小笔记

第一种

var test=document.getElementById('add');
add.οnclick=function(){
alert('1');
}

直接在对象上注册事件

缺点：如果我想给add再加onchange 就会覆盖掉前面的onclick

优点：简单方便明了

第二种

var test=document.getElementById('add');
add.addEventListener('click',eve,false);
function eve(){
alert();
}

通过addEventListener来绑定事件

缺点：IE8搞出了attachEvent有时候要判断

优点：可以绑定多个事件还可以控制冒泡事件和捕捉事件

第三种

<span id="add" οnclick='eve()'></span>
function eve(){
alert();
}

html绑定元素同样是覆盖原则

转载于:https://www.cnblogs.com/shilie/p/5535355.html

JS 事件绑定的几种方式小笔记相关推荐

原生JS事件绑定的三种方式
JavaScript绑定事件的方法要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定"事件处理函数".所谓事件处理函数,就是处理用户操作的函数,不同的 ...
JS事件绑定的几种方式
一.有几种常用的: 在JavaScript中,有三种常用的绑定事件的方法: 1.在DOM元素中直接绑定. 2.在JavaScript代码中绑定. 3.绑定事件监听函数. 二.具体分析: 1.在DOM元 ...
Javascript事件绑定的几种方式
Javascript事件绑定的几种方式来源:http://www.cnblogs.com/rainman/archive/2009/02/11/1387955.html 上篇文章讲到了事件绑定的3中 ...
Java File.createNewFile 创建文件的四种方式小笔记
本文为joshua317原创文章,转载请注明:转载自joshua317博客 Java File.createNewFile 创建文件的四种方式小笔记 - joshua317的博客 1.File(Str ...
js中事件绑定的几种方式
事件处理程序即给元素绑定事件的方式有下列几种:HTML事件处理程序.DOM0级事件处理程序.DOM2级事件处理程序.IE事件处理程序.跨浏览器事件处理程序.其实这些方式就是一个逐步优化和实现跨浏览器的 ...
为元素绑定多个相同事件绑定事件的另一种方式复习介绍元素的事件绑定
为元素绑定多个相同事件 <!DOCTYPE html> <html lang="en"> <head><meta charset=&quo ...
js 复制文本的四种方式
一.总结一句话总结:js文本复制主流方法:document的execCommand方法二.js 复制文本的四种方式纯转载复制,非原创原地址:http://www.cnblogs.com/xh ...
js声明变量的三种方式
JS 声明变量的三种方式 (1)使用变量步骤:a.声明-->b.赋值-->3.调用正确用法: <script type="text/javascript"> ...
[译]使用Webpack提高Vue.js应用程序的4种方式
[译]使用Webpack提高Vue.js应用程序的4种方式原文地址 Webpack是开发Vue.js单页应用程序的重要工具.通过管理复杂的构建步骤,您可以更轻松地开发工作流程,并优化应用程序的大 ...

JS 事件绑定的几种方式小笔记

JS 事件绑定的几种方式小笔记相关推荐

最新文章

热门文章

JS 事件绑定的几种方式 小笔记

JS 事件绑定的几种方式 小笔记相关推荐

最新文章

热门文章

JS 事件绑定的几种方式小笔记

JS 事件绑定的几种方式小笔记相关推荐