js事件驱动机制浏览器兼容处理方法

3.1.事件是如何发生的*

在第一种情况下，用户在网页上做一些操作，例如，点击按钮产生点击事件。在第二种情况下，如果用户不操作网页，则可能发生事件。例如，如果浏览器已经完成了整个页面的加载，则可能会发生加载完成事件。事件生成后，浏览器会发现生成事件的节点是否绑定了相应的事件处理代码。如果是，调用代码来处理它。如果没有，它将继续查找父节点，查看是否有相应的事件处理代码(事件冒泡)。

3.2.绑定事件处理代码* *

1)将事件处理代码绑定到html标记

例如： a id=' a1 ' href=' onclick=' f1()；'单击/a

2)将事件处理代码绑定到dom节点

var obj=document . getelementbyid(' a1 ')；obj.onclick=f1

注意：

A.f1不要添加' ()'，添加' ()'意味着立即执行f1。

B.您可以使用匿名号码进行绑定。

即obj.onclick=function(){ //code。}

C.将事件处理代码绑定到dom节点可以将js代码与html完全分离，便于代码维护。

如果你想传递给相同数量的绑定订单的引用。匿名号码可以用来解决这个问题。

即： obj.onclick=function(){ f(参数)；}

3)使用浏览器自带的绑定方法(理解)

不同的浏览器有自己独特的绑定方法。因为它们是兼容的，所以应该尽量少用。

脚本脚本可以写成正文

相当于下图

如果我传递参数呢？使用匿名号码

[案例3.1]将事件处理代码绑定到html标记* *

3.3.事件对象* * *

1)获取事件对象

IE浏览器：可以直接使用事件获取

Firefox:必须向方法添加参数事件

通常，为了与ie和IE、firefox兼容，会在方法中添加一个参数事件

2)事件对象的功能

A.获取鼠标点击的坐标

event.clientX event.clientY

B.获取事件源(生成事件的对象)

Firefox:事件.目标由IE浏览器：事件. srcElement获取

3.4.事件冒泡* *

1)什么是事件冒泡？当一个节点生成一个事件时，该事件将依次向上传输(首先传输到父节点，如果父节点有父节点，则向上传输)。

2)如何禁止冒泡？event.cancelBubble=true

2)“事件冒泡”现象关闭“你点击了链接”对话框，继续弹出“你点击了div”对话框

[案例3.4]事件对象* *

超文本标记语言

！-事件对象-

-

Js用事件驱动响应用户的操作。

例如，在浏览器窗口或网页元素(按钮、文本框，)通过鼠标或按钮被称为事件。

由鼠标或热键触发的一系列程序动作称为事件驱动程序。

处理事件的程序或函数称为事件处理程序。

-

浏览器兼容处理

脚本语言='javascript '！- if(窗口。XMLHttpRequest){ //Mozilla，Safari，IE7，IE8 if(！窗户。ActiveXObject){ //Mozilla，Safari，alert('Mozilla，Safari ')；} else { alert(' IE7 . 8 ')；} } else { alert(' IE6 ')；}////脚本

- .

一个事件需要多个方法，这些方法可以被使用和分离

输入类型='button '值='red' onclick='mychange(this)，sayHello()'/

body onkey down=' show key(event)' on load=' ABC()' on nload=' abc2()'

以上js事件驱动机制浏览器兼容处理方法是边肖分享给大家的全部内容，希望能给大家一个参考和支持我们。