标签: dom-events

模拟用户在JS和/或jQuery的文本输入框中输入文本的最佳方法是什么？

我不希望居然把文本输入框,我只是想触发所有的事件处理程序,通常会得到用户输入信息到一个输入框触发.这意味着焦点,keydown,按键,键盘和模糊.我认为.

那么如何实现这一目标呢？

所以阅读最近回答后,问题我很清楚,如果我真的明白之间的差别mouseenter()和mouseover().帖子说

鼠标移到():

进入元素时以及元素内发生任何鼠标移动时将触发.

的MouseEnter():

进入元素时会触发.

我想出了一个使用两者的小提琴,它们看起来非常相似.有人可以向我解释两者之间的区别吗？

我也尝试过阅读JQuery定义,两者都说同样的事情.

当鼠标指针进入元素时,鼠标悬停事件将发送到元素

当鼠标指针进入元素时,mouseenter事件将发送到元素.

有人可以用一个例子来澄清吗？

通常,我将间隔设置为变量然后清除它,var the_int = setInterval(); clearInterval(the_int);但为了我的代码工作我把它放在一个匿名函数:

function intervalTrigger() {
  setInterval(function() {
    if (timedCount >= markers.length) {
      timedCount = 0;
    }

    google.maps.event.trigger(markers[timedCount], "click");
    timedCount++;
  }, 5000);
};

intervalTrigger();

我该如何清除这个？我试了一下并试图var test = intervalTrigger(); clearInterval(test);确定,但那没用.

基本上,我需要这个来点击我的谷歌地图后停止触发,例如

google.maps.event.addListener(map, "click", function() {
  //stop timer
});

如何Cmd通过JavaScript 捕获Mac的密钥？

概观

我有以下HTML结构,并且我已将dragenter和dragleave事件附加到<div id="dropzone">元素.

<div id="dropzone">
    <div id="dropzone-content">
        <div id="drag-n-drop">
            <div class="text">this is some text</div>
            <div class="text">this is a container with text and images</div>
        </div>
    </div>
</div>

问题

当我将文件拖过时<div id="dropzone">,dragenter事件将按预期触发.但是,当我将鼠标移到子元素上时,例如<div id="drag-n-drop">,dragenter为<div id="drag-n-drop">元素dragleave触发事件,然后为该<div id="dropzone">元素触发事件.

如果我<div id="dropzone">再次将鼠标悬停在该元素上,dragenter则会再次触发该事件,这很酷,但随后dragleave会为刚刚离开的子元素触发事件,因此removeClass执行该指令,这并不酷.

出于以下原因,此行为存在问题:

1. 我只安装dragenter及dragleave到<div id="dropzone">,所以我不明白为什么孩子要素附上以及这些事件.

2. 我仍然<div id="dropzone">在徘徊在它的孩子上时拖着元素,所以我不想dragleave开火!

的jsfiddle

这里有一个jsFiddle修补:http …

我使用的jQuery.click处理上拉斐尔图形的鼠标点击事件,同时,我需要处理鼠标drag事件,鼠标拖动由mousedown,mouseup并mousemove在拉斐尔.

很难区分click,drag因为click还包含mousedown&mouseup,如何在Javascript中区分鼠标"点击"和鼠标"拖动"？

在努力提高渐进式网络应用程序的性能的同时,我遇到了一个新功能Passive Event Listeners,我发现很难理解这个概念.

什么是Passive Event Listeners,什么是需要有它在我们的项目？

我onmouseout在绝对positoned div 中遇到了这个函数的问题.当鼠标命中div中的子元素时,mouseout事件会触发,但我不希望它触发,直到鼠标超出父,绝对div.

如何mouseout在遇到没有jquery的子元素时阻止事件触发.

我知道这与事件冒泡有关,但我没有找到如何解决这个问题的运气.

我在这里找到了类似的帖子:如何禁用子元素触发的mouseout事件？

但是该解决方案使用jQuery.

假设我的页面上有一个链接:

<a href="#" id="foo">Click Here</a>

我什么都不知道,但当我点击链接时,会显示一个警告("栏").所以我知道在某个地方,一些代码被绑定到#foo.

如何找到将警报("栏")绑定到click事件的代码？我正在寻找Chrome的解决方案.

Ps.:这个例子是虚构的,所以我不是在寻找像这样的解决方案:"使用XXXXXX并在整个项目中搜索"alert(\"bar \")".我想要一个真正的调试/跟踪解决方案.

目前,Twitter Bootstrap 3具有以下响应断点:768px,992px和1200px,分别代表小型,中型和大型设备.

如何使用JavaScript检测这些断点？

我想用JavaScript听取屏幕更改时触发的所有相关事件.并且能够检测屏幕是用于小型,中型还是大型设备.

有没有做过的事情？你有什么建议？