我對 JavaScript 并沒有做太多事情,這是我第一次使用ClipboardJS;盡管如此,當我嘗試獲取按鈕的 ID 時,它回傳未定義。有沒有辦法在使用 ClipboardJS 時獲取按鈕的 ID?
var clipboard = new ClipboardJS('.btn');
clipboard.on('success', function(e) {
console.info('Text:', e.text);
console.info('ID:', this.id);
console.info('Target:', e.target);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.8/clipboard.min.js"></script>
<button id="someID" class="btn" data-clipboard-text="Just because you can doesn't mean you should — clipboard.js">
Copy to clipboard
</button>
uj5u.com熱心網友回復:
傳遞給函式的事件不是標準的 DOM事件,它將包含像id或 之類的屬性target。相反,它是來自 ClipboardJS 的自定義事件。
如果您只記錄事件,e您可以看到其自定義事件物件包含的屬性。有一個trigger包含元素并允許您獲取 id的屬性。
var clipboard = new ClipboardJS('.btn');
clipboard.on('success', function(e) {
console.info('ClipboardJS Event:', e);
console.info('Trigger:', e.trigger);
console.info('Trigger ID:', e.trigger.id);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.8/clipboard.min.js"></script>
<button id="someID" class="btn" data-clipboard-text="Just because you can doesn't mean you should — clipboard.js">
Copy to clipboard
</button>
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/371860.html
標籤:javascript html
