摘要: 什么是事件对象 事件发生后,跟事件相关的一系列信息数据的集合都放到这个对象里面,这个对象就是事件对象。 比如: 谁绑定了这个事件。 鼠标触发事件的话,会得到鼠标的相关信息,如鼠标位置。 键盘触发事件的话,会得到键盘的相关信息,如按了哪个键。 事件对象的使用 事件触发发生时就会产生事件对象,并且系统会 阅读全文
posted @ 2020-10-26 22:21 三先森 阅读(189) 评论(0) 推荐(0) 编辑
摘要: html中的标签都是相互嵌套的,我们可以将元素想象成一个盒子装一个盒子,document是最外面的大盒子。当你单击一个div时,同时你也单击了div的父元素,甚至整个页面。 那么是先执行父元素的单击事件,还是先执行div的单击事件 ??? 比如:我们给页面中的一个div注册了单击事件,当你单击了di 阅读全文
posted @ 2020-10-26 22:06 三先森 阅读(136) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-10-26 21:02 三先森 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 事件监听 eventTarget.addEventListener()方法将指定的监听器注册到 eventTarget(目标对象)上,当该对象触发指定的事件时,就会执行事件处理函数。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF 阅读全文
posted @ 2020-10-25 10:40 三先森 阅读(663) 评论(0) 推荐(0) 编辑
摘要: 一、创建 二、增加 三、删 四、改 五、查 六、属性操作 阅读全文
posted @ 2020-10-24 22:51 三先森 阅读(89) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-10-24 22:37 三先森 阅读(340) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-10-20 22:26 三先森 阅读(108) 评论(0) 推荐(0) 编辑
摘要: <ul> <li>1111</li> <li>2</li> <li>3</li> </ul> <script> var ul = document.querySelector('ul'); // 1. node.cloneNode(); 括号为空或者里面是false 浅拷贝 只复制标签不复制里面的内 阅读全文
posted @ 2020-10-19 22:35 三先森 阅读(94) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-10-19 22:32 三先森 阅读(84) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-10-19 21:58 三先森 阅读(718) 评论(0) 推荐(0) 编辑