js事件判断（js里面如何判断按钮触发了哪个事件）

大家好！今天让小编来大家介绍下关于js事件判断（js里面如何判断按钮触发了哪个事件）的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

文章目录列表:

js事件判断（js里面如何判断按钮触发了哪个事件）第1张

本文目录js里面如何判断按钮触发了哪个事件JS如何判断鼠标滚轮事件分析javascript如何判断一个事件是否执行完成还是正在执行中js里面如何判断按钮触发了哪个事件onmouseover="test(event)";js改下function test(e){var type=e.type ;//type就等于 mouserover或者mouseout}JS如何判断鼠标滚轮事件分析我们都见到过这些效果,js返回数值判断滚轮上下判断滚轮向上或向下在浏览器中也要考虑兼容性（IE、Opera、Safari、Firefox、Chrome）中Firefox 使用detail,这些都是通过js对鼠标滚轮的事件监听来实现的,detail与wheelDelta只各取两个值,今天这里介绍的是一点简单的js对于鼠标滚轮事件的监听,不同的浏览器有不同的滚轮事件,然而不同浏览器有不同的获取方法,先分析原理：我们是通过判断鼠标滚动的获取一个值。

js里面如何判断按钮触发了哪个事件

onmouseover="test(event)";js改下function test(e){var type=e.type ;//type就等于 mouserover或者mouseout}

JS如何判断鼠标滚轮事件分析

我们都见到过这些效果，用鼠标滚轮实现某个表单内的数字增加减少操作，或者滚轮控制某个按钮的左右，上下滚动。这些都是通过js对鼠标滚轮的事件监听来实现的。今天这里介绍的是一点简单的js对于鼠标滚轮事件的监听。先分析原理：我们是通过判断鼠标滚动的获取一个值，然后根据这个值判断滚动的方向。然而不同浏览器有不同的获取方法，所以要分浏览器写方法。不同浏览器不同的事件首先，不同的浏览器有不同的滚轮事件。主要是有两种，onmousewheel（firefox不支持）和DOMMouseScroll（只有firefox支持），关于这两个事件这里不做详述，想要了解的朋友请先去了解鼠标滚轮(mousewheel)和DOMMouseScroll事件。过程中需要添加事件监听：兼容firefox采用addEventListener监听。js返回数值判断滚轮上下判断滚轮向上或向下在浏览器中也要考虑兼容性（IE、Opera、Safari、Firefox、Chrome）中Firefox 使用detail，其余四类使用wheelDelta；两者只在取值上也是不一致，但是含义一致，detail与wheelDelta只各取两个值，detail只取±3，wheelDelta只取±120，其中正数表示为向上，负数表示向下。具体的代码如下所示：《label for=wheelDelta滚动值:《/label(IE/Opera)《input type=text id=wheelDelta/《label for=detail滚动值:(Firefox)《/label《input type=text id=detail/《script type=text/javascriptvar scrollFunc=function(e){e = e || window.event;var t1=document.getElementById(wheelDelta);var t2=document.getElementById(detail);if(e.wheelDelta){//IE/Opera/Chromet1.value=e.wheelDelta;}else if(e.detail){//Firefoxt2.value=e.detail;}}/*监听事件*/