047-Web前端-JS-事件处理与联动余

#6.28

事件处理章节的剩余部分摘要

---

三级联动知识点：

1.select元素的option创建方式  [var option=new Option('显示的内容');]

2.select元素添加option元素    [select.options.add(新建的option);]

3.select元素清空option的方式：[select.options.length=0;]

4.select元素改变时触发的事件：[select.οnchange=function(){}]

5.select元素当前正选中的option序号[select.selectedIndex]，序号从0开始

事件委托：

给父元素绑定事件，用来监听子元素的冒泡事件，并能找到是哪个子元素的事件

---

IE下event事件对象

区别：

     (1)非IE下event的值默认为undefined，而IE中event的值默认为null。

         console.log(event);

     (2)非IE下可以随意通过dom0或dom2中的参数来使用event，而IE中dom0级无法使用传参的形式来使用event。（dom2可以）

例子：

             div2.οnclick=function(eve){

             console.log(eve);

             console.log(event);

             console.log(window.event);

             }

div2.attachEvent('onclick',function(eve){

console.log(eve);

console.log(event);

console.log(window.event);

})

注意：

    （1）无论在哪个浏览器下，window.event或者直接写event都是可以获取event对象的

    （2）因为event本身是归属于window的一个属性，因此我们可以在函数中通过

         var eve = e||window.event

来解决获取event对象的兼容性问题