首頁 >web前端 >js教程 >如何將事件處理程序附加到畫布元素並偵測形狀上的點擊?

如何將事件處理程序附加到畫布元素並偵測形狀上的點擊?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-12 22:14:02906瀏覽

How to Attach Event Handlers to Canvas Elements and Detect Clicks on Shapes?

將事件處理程序附加到畫布元素

在畫布元素上繪圖時,渲染的形狀缺乏超出其像素的固有表示。這意味著單擊事件不能直接附加到各個形狀。

解決方案:

將點擊處理程序新增至畫布元素:

要確定畫布中的哪個元素被點擊:

嘗試失敗:

  • elem.onClick = alert("hello world");
  • elem.onClick = "alert('hello world!')"; :將字串指派給 onClick 屬性,導致不進行事件處理。
  • elem.onClick = function() { ... }:使用事件處理的古老方法,區分大小寫(onclick 與 onClick)。

以上是如何將事件處理程序附加到畫布元素並偵測形狀上的點擊?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn