JS--事件
DOM0 事件和DOM2级在事件监听使用方式上有什么区别?
var box = getElementIdBy('div');
box.onclick = function(){
console.log(this);
}//DOM0事件监听方式(只能给元素绑定一个事件)box.addEventListener('click',function(){
console.log(this);
})//DOM2事件监听方式(可以给元素绑定多个事件)
attachEvent与addEventListener的区别?
- IE8.0以下不支持addEventListener,而是使用attachEvent方法
- 由于IE只支持冒泡事件,所以attachEvent添加的事件会被添加到冒泡阶段。
- attachEvent的事件名前面要加上on如onclick,addEventListener则去掉了on。
- 在attachEvent的事件处理程序中,它的作用域是全局作用域,this等于window; 而在addEventListener里事件处理程序的作用域是元素的作用域,this等于元素本身。
- IE事件冒泡:事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的元素
- DOM事件流:DOM2级事件规定事件流包括三个阶段,事件捕获阶段,处于目标阶段,事件冒泡阶段,首先发生的是事件捕获,为截取事件提供机会,然后是实际目标接收事件,最后是冒泡阶段。
stopPropgation();
//取消事件进一步捕获或者冒泡
preventDefault();
//取消事件默认行为
有如下代码,要求当点击每一个元素li时控制台展示该元素的文本内容。不考虑兼容
- 这里是
- 饥人谷
- 前端6班
补全代码,要求: 【JS--事件】当点击按钮开头添加时在
当点击每一个元素li时控制台展示该元素的文本内容。
- 这里是
- 饥人谷
- 任务班
补全代码,要求:当鼠标放置在li元素上,会在img-preview里展示当前li元素的data-img对应的图片。
- 鼠标放置查看图片1
- 鼠标放置查看图片2
- 鼠标放置查看图片3
推荐阅读
- 事件代理
- 事件处理程序
- Android事件传递源码分析
- 66万奔驰漏油事件看宝宝无理取闹
- 「我的2017」——2017|「我的2017」——2017,大事件盘点
- Quartz|Quartz 源码解析(四) —— QuartzScheduler和Listener事件监听
- 心理工作要不断的评估现实事件对来访者心理造成的影响是什么
- 如何做2020年年度复盘,写出100件成就事件
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- 事件解绑与解绑的兼容代码