Js鼠标点击事件

Question

是否有一个事件功能，如果单击鼠标，则会激活该事件：

var mouseclick = function(e) {
  if(e.mouseclick==true){
     alert("Hi");
   }
}

如果我点击画布的某个区域，我正试图制作它。

Answer 1

您可以收听'click'事件：

var el = document.getElementById('my-div');
el.addEventListener('click', handleClick, true);

function handleClick() {
  alert('Hi');
}

请参阅下面的工作代码：

var el = document.getElementById('my-div');
el.addEventListener('click', handleClick, true);

function handleClick() {
  alert('Hi');
}

#my-div {
  background-color: red;
  height: 30px;
  width: 100px
}

<div id="my-div">
  Click Me!
</div>

以下是EventTarget.addEventListener

的MDN文档

Answer 2

如果您只是希望在点击画布时发生某些事情，请查看以下链接：How do I add a simple onClick event handler to a canvas element?

否则，如果您希望根据画布的特定区域发生某些事情，请查看以下链接：http://pterkildsen.com/2013/06/28/create-a-html5-canvas-element-with-clickable-elements/

快速谷歌搜索产生了上述结果。

Answer 3

你只是想做这样的事情：

document.getElementById("myBtn").addEventListener("click", myFunction);

您可以将dom选择器更改为您所追求的任何内容。

Answer 4

另一个简单的解决方案是使用jQuery：

$(document).ready(function(){

   $(ELEMENT).click(function(){
      //do stuff
   });

 });

在这里，您可以明确指定要“收听”的元素。