0

ユーザーが 1 回のクリックで HTML エンティティを選択してコピーできる Web ページを作成したいのですが、ZeroClipboard を使用するだけで十分です。ページ上にコピー可能な HTML エンティティを数十個、場合によっては数百個配置したいので、エンティティごとに ZeroClipboard クライアントを持たないことをお勧めします。私が思いついた解決策は、各 td に異なる HTLM エンティティが含まれ、onmouseover をキャプチャする HTML エンティティのテーブルを用意することです。これにより、ユーザーが必要とする HTML エンティティを判断できます。次に、ZeroClipboard をこのテーブルに接着して onclick をキャプチャします。デフォルトでは、ZeroClipboard オブジェクトの z-index は 99 であるため、テーブルの上に配置されます。残念ながら、ZeroClipboard オブジェクトは意味的にテーブルとは関係がないため、イベントはその下に隠されている td に伝播できません。

z-index 99 で ZeroClipboard オブジェクト (embed) の onclick をキャプチャし、z-index 1 の下にある td の onmouseover をキャプチャする方法はありますか? これを行うには、マウス カーソルの座標を見つける必要がありますか? なぜなら、a) 面倒であり、b) W3C 仕様では技術的に不可能だからです。

現在のコードの 2 つのコピーを凍結しました。

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
(これにより、左上のボックスの "..." の内容を変更できます。)

これらの両方のページの機能を結合したいと考えています。どんな助けでも大歓迎です!

4

1 に答える 1

0

最後に、どうぞ。私が試した他のいくつかのオプションは機能しませんでした。これは役立つ解決策ですか?:)

JSFiddle: 低い z-index で埋め込まれた場所をクリックします

于 2012-07-16T15:49:52.313 に答える