一、基本概述射流研究…是采用事件驱动的机制来响应用户操作的，也就是说当用户对某个超文本标记语言元素进行操作的时候，会产生一个时间，该时间会驱动某些函数来处理PS:这种方式和爪哇图形界面中的事件监听机制很像，都是需要注册监听，然后再处理监听，只不过实现的方式不同而已。

二、事件驱动原理

事件源：产生事件的地方(html元素)事件：点击/鼠标操作/键盘操作等等事件对象：当某个事件发生时，可能会产生一个事件对象，该时间对象会封装好该时间的信息，传递给事件处理程序事件处理程序：响应用户事件的代码案例：

超文本标记语言头脚本类型=' text/JavaScript '函数测试1(e){ window。警报(' x=' e .客户端x ' y=' e .客户端y ')；}功能测试2(e){ window。警报(' x=' e .客户端x ' y=' e .客户端y ')；}函数测试3(e){ window.alert(新日期().toLocaleString())；}功能测试4(e){ if(e . value==' red '){ div 1。风格。背景颜色='红色'；} else if(e . value==' black '){ div 1。风格。背景颜色='黑色'；} }/脚本/头体输入类型='button' onclick='test1(事件)值=“按钮1”输入类型=' button ' onmouseover=' test2(事件)值='按钮2 '输入类型='button' onclick='test3(事件)值=' button 3 ' div id=' div 1 ' style=' width : 400 px；高度： 300 px背景色：红色/div输入类型='button' onclick='test4(this)'值='红色'输入类型='button' onclick='test4(this)'值='黑色'/正文/html JS事件分类鼠标事件单击dblclick鼠标向下鼠标伸出鼠标越过鼠标向上鼠标移动等键盘事件按键向下按键向上等超文本标记语言事件窗户的加载卸载错误中止文本框的选择更改等其他事件页面中有些特殊对象运行过程中产生的事件案例1:监听鼠标点击事件，并能够显示鼠标点击的位置x，y

超文本标记语言头部脚本函数测试1(e){窗口。alert(' x=' e . client x ' y=' e . client y ')；}/script/head body on mouse down=' test1(event)'/body/html点击浏览器之后，显示坐标（有些浏览器可能无效)

案例2:点击按钮，图片变成红色，黑色方法：JS访问内部钢性铸铁

//js如何访问钢性铸铁属性，来改变外观超文本标记语言头部脚本函数test3(e){ var pic=文档。getelementbyid(' pic ')；if(e.value=='红色){ pic。风格。背景颜色='红色'；} else if(e.value=='黑色){ pic。风格。背景色='黑色'；} }/script/head body div id=' pic ' style=' border :1；背景色：红色；宽度宽度：300像素宽度：300像素/格输入类型=' button ' onclick=' test3(this)' value='红色输入类型=' button ' onclick=' test3(this)' value='黑色/body /html方法：JS访问外部css(这方法不一定适用于所有浏览器)

事件2。CSS。样式{边框33601；背景色：红色；宽度宽度：300像素高度：300 px} event2.htmlhtml头部脚本函数test3(e){ //取连接的第一个钢性铸铁文件的内容用0 var ocssRules=文档。样式表[0].规则；//从ocssRules取出你希望的样式var style=ocssRules[0]；//这里面的0表示event2.css文件中第一个规则if(e.value=='黑色){ style。风格。背景色='黑色'；} else if(e.value=='红色){ style。风格。背景颜色='红色'；} }/script/head body div class=' style '/div input type=' button ' onclick=' test3(this)' value='红色输入类型=' button ' onclick=' test3(this)' value='黑色/body /html案例3:区分当前浏览器的内核是什么？（区分出ie6/7/8/火狐等)

脚本语言='javascript' if(窗口. XMLHttpRequest) { //Mozilla，Safari，IE7，IE8 if(！窗户. ActiveXObject) { //Mozilla，Safari，alert('Mozilla，Safari ')；} else { alert(' IE7。8 ');} } else { alert(' IE6 ')；}/脚本案例4:一个事件可以被多个函数监听

超文本标记语言头部功能测试{窗口。警报(' FSS ')；}功能测试1(e){ window。alert(' sfdsdf ')；}/script/head body div class=' style '/div input type=' button ' onclick=' test(this)，test1(this)' value='红色/body /html案例5:防止用户通过点击鼠标右键菜单拷贝网页内容，选择网页内容

超文本标记语言脚本类型='text/javascript '函数测试(){ //window.alert('没有菜单');返回false}函数测试2(){//window。警报('全选不行');返回false}/脚本/头像！身体元素响应oncontextmenu，onselectstart事件-body on context menu=' return test()' on selectstart=' return test 2()'内容/body /html下篇文章为大家分享一个简单综合案例：简单的计算器，希望大家不要错过。

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