js注册onclick事件时，如何让该事件仅在一个自定义的区域内有效

JavaScript016

js注册onclick事件时，如何让该事件仅在一个自定义的区域内有效,第1张

基本上是没有什么好办法的。

当然你也可以获取该图片的数据，当用户点击的时候进行判断，但是首先这个数据也就是数组一定很庞大，遍历很耗时间，第二就是将这个数据录入也很麻烦

其实如果图片不是那么的不规则的话你也可以使用一些css样式对div进行旋转等变换，这样就不会有这种问题了

有个方法来实现

<td onClick="JavaScript:openTest()">xxx</td>

在function openTest中用window.event对象监听一下鼠标事件，如果单击就打开页面，如果双击就什么都不做

1、新建一个html文件，命名为test.html。

2、在test.html文件内，在p标签内，使用input标签创建两个数字输入框，并分别设置其id为num1，num2，主要用于下面通过该id获得input对象。

3、在test.html文件内，使用button标签创建一个按钮，按钮名称为“相加”。

4、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行numsum（）函数。

5、在js标签中，创建一个名称为jia（）的函数，它的参数分别为a和b，在函数内，通过return返回a参数与b参数相加后的值。

6、在js标签中，再创建一个numsum（）函数，在函数内，使用getElementById()通过id获得input对象，并使用value属性获得输入的数字，然后调用jia（）函数，并将num1和num2两个值传递给jia()函数进行相加，最后，使用alert()方法输出相加的结果。