32、IE 与标准事件模型有哪些差别？（了解）

1. 添加事件

DOM 事件模型 – addEventListener

addEventListener(eventType, handler, useCapture)

eventType 不带有 on 字符串；

handler 参数是一个事件句柄，这个函数或方法带有一个事件对象参数；

useCapture 参数决定了事件句柄触发在哪种事件传播阶段，如果 useCapture 为 true 则为捕获阶段，反之则为冒泡阶段。

IE 事件模型 – attachEvent

attachEvent(eventType, handler)

eventType 带 on 字符串；

handler 参数是一个事件句柄，这个函数或方法带有一个事件对象参数；

2. 事件过程

DOM 事件模型包含捕获阶段和冒泡阶段，IE 事件模型只包含冒泡阶段；

DOM 事件模型可使用 e.stopPropagation()来阻止事件流

跨浏览器解决方法：

var x = document.getElementById("myBtn")

if (x.addEventListener) {// 所有主流浏览器，除了 IE 8 及更早版本

x.addEventListener("**click**", myFunction)

} else if (x.attachEvent) { // IE 8 及更早版本

x.attachEvent("**onclick**", myFunction)

}123456

注意：

addEventListener()方法中的事件类型不使用“on”前缀。attachEvent()方法中的事件类型要使用“on”前缀。

1、在注册表HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\MenuExt项下建立一个

新项，项的名称既出现在菜单中的标题，例如你想建立的菜单项标题为Add URL，则新建项的名称为

HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\MenuExt\Add URL

2、将新建项的默认值设定为一个URL地址，当用户点击菜单项后，IE就会调用URL指向的页面中的脚

本，在目标页面的脚本中通过访问external对象的menuArguments属性就可以访问IE中的页面。该属性定

义了一个Window对象。该对象描述了浏览器中的一个打开的窗口。详细的帮助请参考MSDN中关于

InternetExplore object的帮助，熟悉了Window对象才可以比较好的了解下面的脚本。

对于如何实现自身的程序访问menuArguments的问题，我们可以仿效Netants的做法，首先建立一个

OLE Automation对象，然后在脚本中调用该对象，并将页面信息传递对象处理。下面通过Delphi建立对象

来说明：

打开Delphi，点击菜单： 文件|新建 ，选择窗口中的ActiveX标签，在列表中选择ActiveX Library

图标后按确定键，这样就新建了一个Active Library工程。然后将工程文件保存为IEContextMenu.dpr 。

再点击菜单： 文件|新建 ,选择窗口中的ActiveX标签，在列表中选择Automation Object 图标后按

确定键，然后在 Automation Object Wizard 窗口中的CoClass Name栏中输入IEMenu1后按确定键。

这时会d出IEContextMenu.tlb 的Type Library窗口，左边是对象和属性等的列表窗口，右边是相应的选

项窗口。在其中已经加入了IIEMenu1接口。

现在给接口添加一个AddURL方法。首先选择Type Library列表中的IIEMenu1项，然后点击Type Library

窗口上面的 New Method 按钮添加一个方法，将该方法的Name属性改为AddURL。下来再点击Parameters标签

转到参数设定页，添加两个参数：URL和Info，属性都设置为BSTR，设置好的Type Library窗口如图所示：

(附加图片1-1.bmp)

关闭设置窗口回到Delphi，点击save all按钮保存文件，现在IEMenu对象建立完毕了，在对象中我们将

只实现最简单的功能，既显示用户在页面中单击右键位置的对象URL，所以在Unit1的TIEMenu1.AddURL子程

序中只添加一句： showmessage(URL)

同时在Unit1的Uses中加入Dialogs。选择菜单上的Build | Build IEContextMenu 项编译生成

IEContextMenu.dll。

下面是注册对象，在资源管理器中将Windows\system目录下的Regsvr32.exe拷贝到IEContextMenu.dll

所在目录中，然后将IEContextMenu.dll图标拖到Regsvr32.exe上放开，这时Regsvr32.exe就会d出对话框

提示对象注册成功。

打开UltraEdit(或者其它文本编辑器)将下面的脚本代码输入编辑器中：

<script language="VBScript">

Sub OnContextMenu()

On Error Resume Next

set srcEvent = external.menuArguments.event

set EventElement = external.menuArguments.document.elementFromPoint(srcEvent.clientX, srcEvent.clientY)

set objNetSamp=CreateObject("IEContextMenu.IEMenu1")

if srcEvent.type = "MenuExtAnchor" then

set srcAnchor = EventElement

do until TypeName(srcAnchor)="HTMLAnchorElement"

set srcAnchor=srcAnchor.parentElement

Loop

Call objNetSamp.AddUrl(srcAnchor.href,srcAnchor.innerText)

elseif srcEvent.type="MenuExtImage" then

if TypeName(EventElement)="HTMLAreaElement" then

Call objNetSamp.AddUrl(EventElement.href,EventElement.Alt)

else

set srcImage = EventElement

set srcAnchor = srcImage.parentElement

do until TypeName(srcAnchor)="HTMLAnchorElement"

set srcAnchor=srcAnchor.parentElement

if TypeName(srcAnchor)="Nothing" then

call objNetSamp.AddUrl(srcImage.href,srcImage.Alt)

exit sub

end if

Loop

Call objNetSamp.AddUrl(srcAnchor.href, srcImage.Alt)

end if

elseif srcEvent.type="MenuExtUnknown" then

set srcAnchor = EventElement

do until TypeName(srcAnchor)="HTMLAnchorElement"

set srcAnchor=srcAnchor.parentElement

if TypeName(srcAnchor)="Nothing" then

Call objNetSamp.AddUrl(EventElement.href,EventElement.innerText)

exit sub

end if

Loop

end if

end Sub

call OnContextMenu()

</script>

将文件保存到c:\program files 下，文件名为 geturl.htm

从上面的脚本可以看到，首先访问external.menuArguments属性，获得用户单击鼠标右键位置的对象，然

后根据对象的不同获得它的URL，然后建立IEContextMenu.IEMenu1对象并调用该对象的AddURL方法。

接下来是为右键菜单建立注册项，打开UltraEdit(或者其它文本编辑器)将下面的注册数据输入编辑器中

Windows Registry Editor Version 5.00

[HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\MenuExt\&Get URL]

@="c:\\program files\\geturl.htm"

"Contexts"=dword:00000022

将文件以reg为后缀保存，然后在Windows资源管理器中双击该文件将注册项添加到注册表中，然后打开

IE，右键点击一个连接或者图片，在d出菜单中会出现一个Get URL项，点击该项，就会出现一个消息框显示

点击的连接或者图片的URL地址

下面再介绍一下上面注册项中Contexts项的作用，通过该项可以制定菜单项在右键点击IE中的什么对象时

出现，它可以为以下值的“或”组合：

对象 值

缺省 0x1

图片 0x2

控件 0x4

表单域 0x8

选择文本 0x10

锚点 0x20

例如上面我们希望菜单项在用户点击图片或者超链接时出现，那么我们就将值设置为dword:00000022，既在

点击图片 或者 锚点时出现菜单。一个锚点是页面中描述一个超链接的对象。如果不设置Contexts项，则菜单项

会在点击任何对象时出现在右键菜单中。

---