捕获鼠标悬停和onclick以查找具有不同z索引的元素

时间:2012-07-15 12:49:42

标签: javascript onclick copy onmouseover zeroclipboard

我想创建一个允许用户通过单击选择和复制HTML实体的网页,并且使用ZeroClipboard应该足够好。我想在页面上有几十个,甚至几百个可复制的HTML实体,所以我不希望每个实体都有一个ZeroClipboard客户端。我想出的解决方案是拥有一个HTML实体表,其中每个td包含一个不同的HTLM实体,并捕获onmouseover,因此我可以确定用户想要的HTML实体。然后我将ZeroClipboard粘贴到此表以捕获onclick。默认情况下,ZeroClipboard对象具有z-index 99,因此它位于表上。不幸的是,由于ZeroClipboard对象在语义上与表无关,因此事件无法传播到隐藏在下面的td。

有没有办法捕获z-index为99的ZeroClipboard对象(嵌入)上的onclick,并且还在z-index为1的下面的td上捕获onmouseover?我是否需要找到鼠标光标的坐标才能执行此操作?我宁愿不这样做因为a)它很麻烦而且b)技术上不可能使用W3C规范。

我冻结了当前代码的两个副本:

ZeroClipboard嵌入z-index = 99:http://www.aidansean.com/physics/symbols_static.php
(这可以复制左上方框中的“......”内容。)

ZeroClipboard嵌入z-index = -99:http://www.aidansean.com/physics/symbols_static_2.php
(这可以更改左上方框中的“...”内容。)

我想要结合这两个页面的功能。任何帮助非常感谢!

1 个答案:

答案 0 :(得分:0)

最后,你走了。我试过的其他一些选项没有用。这是一个有用的解决方案? :)

JSFiddle: Click at embedded with lower z-index