关于DOM与IE中的this

<div id="myBtn" >点击我</div>

在IE中事件处理程序会在全局作用域中运行, EventHandler中的this指的是window对象,要或得div对象的引用必须使用this.event.srcElement

1 var div = document.getElementById(‘myBtn‘);
2  div.attachEvent(‘onclick‘, EventHandler);
3
4 function EventHandler()
5 {
6  // 在此使用this
7  alert(this.id);//弹出undefined
8  alert(this.event.srcElement.id) //弹出myBtn
9 }

在dom中的this指的是div对象的引用

1  var btn = document.getElementById("myBtn");
2  btn.addEventListener("click",function(){
3  alert(this.id);//弹出myBtn
4  },false);
时间: 2024-10-07 05:27:17

关于DOM与IE中的this的相关文章

[JS]DOM和IE中的Event---简要总结

前几天巩固了Event事件,现在做一下总结以便以后参考. 一.DOM事件模型 DOM标准描述了一个Event对象,提供了触发事件的元素信息,并允许在脚本中获取该元素. 1.访问事件对象 DOM事件模型中,将Event对象引用传给处理事件,如: <p onclick=“displayType(event)”>Hello<p> <script> function displayType(e){alert(e.type);} </script> /*点击段落,将会

DOM对象模型接口规范中的四个基本接口

DOM对象模型的四个基本接口 在DOM对象模型接口规范中,有四个基本的接口:Document,Node,NodeList以及NamedNodeMap.在这四个基本接口中,Document接口是对文档进行操作的入口,它是从Node接口继承过来的.Node接口是其他大多数接口的父类,象Documet,Element,Attribute,Text,Comment等接口都是从Node接口继承过来的.NodeList接口是一个节点的集合,它包含了某个节点中的所有子节点.NamedNodeMap接口也是一个

从零开始的JS生活(二)——BOM、DOM与JS中的事件

上回书说道,JS中变量.运算符.分支结构.循环和嵌套循环等内容.本回就由本K给大伙唠唠JS中的BOM.DOM和事件. 一."花心大萝卜"--BOM 1.震惊,FFF团为何对BOM举起了火把--BOM简介 BOM(Browser Object Model) 是指浏览器对象模型,在JS中BOM是个不折不扣的花心大萝卜,因为它有很多个对象,其中代表浏览器窗口的Window对象是BOM的"正室".也就是最重要的,其他对象都是正室的下手.或者叫侧室也不足为过. 2.细数BOM

关于DOM脚本编程中不唐突性的简单理解

参考自:<JavaScript DOM 高级程序设计>第一章 遵循最佳实践 DOM脚本是为文档增强行为和交互性,当然文档需要符合W3C标准(有待进一步的学习).DOM脚本编程依赖于JavaScript,在这里就需要考虑不唐突性(unobtrusiveness)要强调的是,脚本必须是不唐突的,要消除一些不必要的行为和令人讨厌的功能.要保证在没有JavaScript的情况下,页面标记是持续有效的,这些当然会牺牲一些美观效果,是页面看起来不再那么优雅. 有关不唐突性的两个关键词“渐进增强(progr

01JQuery笔记-------------------------DOM和jquery中页面加载方法和顺序

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="jquery-1.8.3.js"></script&g

DOM 以及JS中的事件

[DOM树节点] DOM节点分为三大节点:元素节点,文本节点,属性节点. 文本节点,属性节点为元素节点的两个子节点通过getElment系列方法,可以去到元素节点 [查看节点] 1 document.getElementById("div1")  通过ID获取唯一的节点  多个同名ID只会取到第一个 2 getElmentsName   通过Name取到一个数组,包含1到多个节点   使用方式   通过循环,取到每一个节点  循环次数从0开始,<数组 length [查看和设置属

从Vue的DOM构建机制中理解key

在diff算法中,他只会对同级的dom元素进行比较,例如: 改变后: 这个时候最好的解决方法是将原来的<span>标签移动到改变后的位置,但diff算法不这么做,它首先会比较每一层的变化,就如上面的例子,他的做法是把第三层的<span>标签先删掉,再在第二层里创建一个<span>.那么在同层比较中:“如果节点类型不同,直接干掉前面的节点,再创建并插入新的节点,不会再比较这个节点以后的子节点了.如果节点类型相同,则会重新设置该节点的属性,从而实现节点的更新” 说了这么多,

dom 鼠标事件中的坐标位置

1. 客户区坐标位置 鼠标事件都是在浏览器视口中的特定位置上发生的.这个位置信息保存在事件对象的 clientX 和 clientY 属性中.所有浏览器都支持这两个属性,它们的值表示事件发生时鼠标指针在视口中的水平 和垂直坐标.这些值中不包括页面滚动的距离,因此这个位置并不表示鼠标在页面上的位置. 2. 页面坐标位置 通过客户区坐标能够知道鼠标是在视口中什么位置发生的,而页面坐标通过事件对象的 pageX 和 pageY 属性,能告诉你事件是在页面中的什么位置发生的.换句话说,这两个属性表示鼠标

JQ中的clone()方法与DOM中的cloneNode()方法

JQ中的clone()方法与DOM中的cloneNode()方法 cloneNode()定义和用法 cloneNode()方法创建节点的拷贝,并返回该副本. 语法: node.cloneNode(deep);  其接收一个可选参数"deep",为布尔类型,默认是false. 当设置为true,克隆当前节点,属性及当前节点的后代.若设置为false,仅仅克隆当前元素节点本身. 扩展:  使用cloneNode()方法,当被克隆的节点绑定了事件处理程序,事件处理程序是否会被一同克隆,这个我