Javascript：检测事件是否由用户触发而不是以编程方式触发 [英] Javascript : Detect Whether an Event is Triggered by User and not programmatically

问题描述

以前问过这个问题但是在jQuery的上下文中。在 jQuery 中，我们可以通过事件对象的 originalEvent属性进行检查（链接），它告诉它是手动还是编程事件。


在我的情况下，我使用 Javascript事件监听器和触发器。在这种情况下，我们能否区分这两种事件 （编程和手动）？

如果没有那么任何变通方法？

Well this question has been asked before but in context of jQuery. In jQuery we can check it by originalEvent property of event Object (link) which tells whether its a manual or programmed event.

In my case I am using Javascript Event listeners and triggers. Can we differentiate between the two kind of events (programmed and manual) in this case??

If not then any workarounds??

我的听众：

   function setUpListeners(){
       _cellViewWrapper.addEventListener('mousedown',mouseDownHandler,false);
       _cellViewWrapper.addEventListener('mouseover',mouseEnter,false);
       _cellViewWrapper.addEventListener('blur',blurHandler,true);
       _cellViewWrapper.addEventListener('focus',focusEventHandler,true);
   }`

触发用例：
1.）

Trigger use Cases: 1.)

if(!IE_FLAG) hidePicker();
               //if browser is internet explorer
               else{
                   //if blur is allowed then hide Picker
                   if(_ieBlurAllowed) hidePicker();
                   //if blur is not allowed -- keep focus on picker input
                  //triggering the focus event here
                   else blurredElement.focus(); /
             }

2。） if（（inputElem！= = _focussedInput））setTimeout（function（）{inputElem.focus（）;}，10）;

还有更多...

推荐答案

在最新的浏览器中， Event.isTrusted 可用于此特定用例。根据其 MDN文档：

In latest browsers, Event.isTrusted is available for this particular use-case. As per its MDN document:

Event接口的isTrusted只读属性是一个布尔值，当事件由用户操作生成时为true，而在创建事件时为false或者通过脚本修改或通过dispatchEvent调度。

The isTrusted read-only property of the Event interface is a boolean that is true when the event was generated by a user action, and false when the event was created or modified by a script or dispatched via dispatchEvent.

你可以简单地检查任何事件处理程序：

You can simply check inside any event handler:

if (e.isTrusted) {
 /* The event is trusted. */
} else {
 /* The event is not trusted. */
}

浏览器支持：Chrome 46.0，Firefox （最新），Opera 33，Safari& IE（不支持）

Browser Support: Chrome 46.0, Firefox (latest), Opera 33, Safari & IE (no support)

这篇关于Javascript：检测事件是否由用户触发而不是以编程方式触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！