详解Javascript事件驱动编程_javascript技巧

二、事件驱动原理

案例：

案例1：监听鼠标点击事件，并能够显示鼠标点击的位置x,y

点击浏览器之后，显示坐标(有些浏览器可能无效)

案例2：点击按钮，图片变成红色，黑色
方法：JS访问内部css

//js如何访问css属性，来改变外观 
 
  
 

方法：JS访问外部css(这方法不一定适用于所有浏览器)

event2.css
.style { 
 border:1; 
 background-color:red; 
 width:300px; 
 height:300px; 
} 
event2.html
 
  
 

案例3：区分当前浏览器的内核是什么?(区分出ie6/7/8/ 火狐等)

案例4：一个事件可以被多个函数监听

 
  
 function test(e){ 
 window.alert("fss"); 
 } 
 function test1(e){ 
 window.alert("sfdsdf"); 
 } 
  
  
  
 
  
  
 

案例5：防止用户通过点击鼠标右键菜单拷贝网页内容，选择网页内容

下篇文章为大家分享一个简单综合案例：简单的计算器，希望大家不要错过。

关于Javascript事件驱动编程远不止这些，希望本文所述对大家学习javascript程序设计有所帮助。