2

zeroclipboard api を使用してクリップボードにコピーする作業を行っています。次のように、HTML アンカーを使用して簡単なテスト ページを作成しました。

<a href="#" id="copy" >copy</a>

リンクのコピーをクリックすると、テキストがクリップボードにコピーされ、すべての js イベントが発生し、コンソールに適切に記録されますが、上記の例を変更してアンカー内に画像を表示すると、ユーザー エクスペリエンスが向上します。

<a href="#" id="copy" ><img src="copy.gif" alt="copy"/></a>

...コードが機能しなくなり、イベントが発生しません。

4

1 に答える 1

2

CSS を使用して、画像を a 要素の背景画像として設定します。

#copy {
    background-image: url('copy.jpg')
    display: block
    width: XXXpx
    height: YYYpx
}

display: inline-blocka 要素をスパンのように動作させたい場合に使用できます。

于 2011-10-10T13:10:51.647 に答える