学习javascript中的事件

我们知道，web开发中，Dom和js事件的结合是现代web应用程序的根基。所以，事件的学习和掌握，跟Dom一样重要。

 

界面上元素，通过捕获/冒泡方式，监听页面元素。那么，阻止事件冒泡的通用函数如下：

function stopBubble(e){

if(e && e.stopPropagation())

 e.stopPropagation() ;//支持w3c标准

 

else

window.event.cancelBubble = true;

 

}

 

 

阻止事件冒泡，并不能阻止浏览器的默认行为，所以，在需要阻止浏览器的默认行为时，需要下面处理：

 

function stopDefault(e){

if(e && e.preventDefault) 

e.preventDefault();//标准的w3c标准方法

else

window.event.returnValue = false;//ie的方式

 

}

 

js中有3种事件绑定方式，第一种方式是传统的事件绑定方式，给元素事件赋值；第二种方式是，DOM绑定w3c

函数是addEventListener;第三种方式是，DOM绑定IE,函数是attachEvent.

 

了解了事件绑定，可以将行间的js代码去掉，用事件绑定来代替，这样对于不支持或禁用js的浏览器一样可以

应用。而且对于移植程序，做到了简洁方便。