关于＜object＞标签在html上无法触发绑定事件的问题，如（click）

关于object在使用上的问题

1．直接调用标签object>中的单击事件

object>是含有onclick和ondblclick两个事件的。按照以往方式，直接在里面调用js的方法（为了检验方便，这里只写alert()），如下：点击object>，没有任何反应。

2．用js为标签object>监听单击事件

采用如下方法以试图监听onclick事件后进行处理。点击object>，没有任何反应。

3．用a为标签object>增加单击事件

希望用a>/a>来包含object>，然后为a>增加单击事件来实现预期效果。点击object>，没有任何反应。

4．用一个div包含标签a，用另一个div包含标签object增加单击事件

这种方式是想通过带有a>的Div>来覆盖带有object>的Div>，点击object>，没有任何反应，因为Div>无法实现覆盖，即使采用了z-index参数设置。如下：

后来查找原因，是因为像flash和object等对象，其默认的z-index值是很高的，即默认总是会显示在页面的最顶层。虽然这个方法没有任何改 变，但方向是正确的，只要这个带有a>的div>能够覆盖上object>就可以大功告成了。

4.1．为object>增加透明属性

保持方法4不变化，只在object>里面增加属性wmode，没有实现覆盖效果。如下：

备注：这种方法只能在IE浏览器下有效！

4.2．一个div>和iframe>来实现覆盖效果

其基本思想是用层覆盖iframe>，再用iframe>覆盖object>，然后就相当于是层覆盖object>了，问题终于解决了！具体实现如下：

这个方法在每次访问时，都会多访问一个页面，如果这样写入视频监控系统中，在多人并发访问时，我比较担心这是否会出现问题。

4.3．用window.createPopup()方法来实现覆盖效果

用window.createPopup()方法建立一个窗口，这个窗口相当于一个层，用它可以挡住object>，具体实现代码在此不再给出。

5．总结

我之所以把解决步骤在此一一详述，是因为我在网络上搜索方法时看到其他人有利用这些得到解决的，因此，算是对此的一个总结。