首頁 > web前端 > js教程 > 主體

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

Mary-Kate Olsen
發布: 2024-11-12 22:14:02
原創
854 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板