JAVA事件冒泡与对象

                           事件冒泡

1.打开VS 创建一个新的文件夹 添加元素 分别给元素添加基础样式

 

展示效果：

 

2.在写入一个script 在给body div 一个id

 

选择到id分别给body wrap box绑定一个点击事件

 

3.分别点击会发现 点击body时只会弹出body的提示框 但点击wrap时 body和wrap的提示框都会弹出 并且点击box时 body wrap box的提示框也分别会弹出

 

 

 

4.这时候就要用到一个新代码event.cancelBuble=true 取消冒泡

给wrap还有box.添加上这个代码就不会再出现弹出几次提示框的现象了

5.最后一步 添加一个兼容性代码event=event||window.event；

 

事件对象

1. 第一步还是给元素添加基础属性 给元素类 还有id

 

 

基本构造就已经完成了

 

然后接着给box txt赋值 再给box绑定一个onmousemove事件 再用模板字符串给txt绑定一个innerText 再把前面学的clientX还有clientY写到模板字符串中 在解决一下版本兼容性问题 写一个event=event||window.event；这个案例也就完成了。