传统的DOM0级事件处理程序

　　DOM0级处理程序的定义：每个元素（包括 window 和 document）都有自己的事件处理程序属性，这些属性通常全部小写，
例如 onclick。将这种属性的值设置为一个函数，就可以指定事件处理程序。

　　例子：

　　点击按钮会弹出:

　　如果要删除DOM0级事件处理程序，只需要把事件处理程序的值设置为null即可

　　例子：

　　该例点击按钮是不会有任何反应的。

　　DOM0级事件都是在事件冒泡阶段执行的。

时间： 2024-10-11 06:47:02

传统的DOM0级事件处理程序的相关文章

IE中DOM0级事件处理程序跟DOM2级事件处理程序中作用域（this）的区别

一:在布局中直接添加事件处理 <div id="div1" onclick="fOne();"></div> <script> var oDiv1 = document.getElementById("div1"); function fOne(){ alert(this===window);//true } </script> 弹出true,是因为在布局中调用的时候省略了window,全面的应该是

JS：Html事件处理程序 vs DOM0级事件处理程序 vs DOM2级事件处理程序

1.HTML事件处理程序某个元素支持的某种事件,可以通过一个与相应事件处理程序同名的HTML特性指定.这个特性的值应该是能够执行的JS代码.例如:按钮单击是要执行一些js代码,可以像下面: <input type="button" value="click me" onclick="showMessage()" /> 在js中就可以像下面一样处理: <script> function showMessage(){ ale

js事件处理程序详解，html事件处理程序，dom0级事件处理程序，dom2级事件处理程序

博客搬迁,给你带来的不便,敬请谅解! http://www.suanliutudousi.com/2017/11/24/js%e4%ba%8b%e4%bb%b6%e5%a4%84%e7%90%86%e7%a8%8b%e5%ba%8f%e8%af%a6%e8%a7%a3%ef%bc%8chtml%e4%ba%8b%e4%bb%b6%e5%a4%84%e7%90%86%e7%a8%8b%e5%ba%8f%ef%bc%8cdom0%e7%ba%a7%e4%ba%8b%e4%bb%b6%e5%a4%84

【20190226】JavaScript-知识点记录：dom0级事件，dom2级事件

DOM0级事件处理程序: 通过将元素的事件处理程序属性(如onclick)的值设置为一个函数来指定事件处理程序的方法称为DOM0级方法,它被认为是元素的方法,这时候的事件处理程序是在元素的作用域中运行(也就是this引用当前元素): 1 var btn = document.getElementById('myBtn'); 2 btn.onclick = function(){ 3 alert(this.id); 4 }; DOM2级事件处理程序: 通过addEventListener()方法和

Dom0级事件

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type ="text/css"&

Dom0级事件和Dom2级事件

1.Dom0级事件: 注册obj.onclick=function () {}; (1.使用简单,2.跨浏览器): 删除obj.onclick=null; 2.Dom2级事件(比0级优点:多个处理函数不会被覆盖): 成员 -> addEventListener注册事件 removeEventListener移出事件: 三个参数 -> 1事件名(都不能带on),2处理函数,3布尔值涉及嵌套元素的事件触发顺序(true按捕获流的顺序调用,false按事件冒泡流的顺序调用): (IE下用atta

DOM0级事件处理和DOM2级事件处理

转自:http://www.cnblogs.com/holyson/p/3914406.html 0级DOM 分为2个:一是在标签内写onclick事件二是在JS写onlicke=function(){}函数 1) <input id="myButton" type="button" value="Press Me" onclick="alert('thanks');" > 2) document.getEle

DOM事件探秘之事件流与事件处理程序

1.事件流:描述的是从页面中接受事件的顺序 ①.事件冒泡流:即时间最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档). 栗子:若<body><div><input type="button"/></div></body>次结构,点击按钮时,默认点了按钮的容器默认点了body,默认点了html,默认点了document. ②.事件捕获:不太具体的节点应该更早接收到事

JavaScirpt中的事件处理程序

事件处理在JS中可谓是点睛一笔,JS的事件处理程序使得JS成为了网页交互层的第一把交椅.那么,JS中有几种事件处理程序呢? 1.DOM0级事件处理程序通过JS指定事件处理程序的传统方式,就是将一个函数添加给一个对象的事件处理程序.这种方式为现代所有的浏览器所用.原因一是方便简单,原因二是可以实现跨浏览器. 1 var oA = document.getElementsByTagName("a")[0]; 2 oA.onclick = function(){ 3 alert(this.