首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

双击事件(dblclick)时,不触发鼠标按下(mousedown) 动作事件

在一个dom节点的事件绑定中,如果同时绑定了dblclick和mousedown那么想要执行双击事件(dblclick)时能就会触发两次mousedown事件。...因此,触发顺序是,mousedown首先触发,mouseup接着触发,click最后触发。 dblclick事件则会在mousedown、mouseup、click之后触发。...mouseover事件和mouseenter事件,都是鼠标进入一个节点时触发。...解决的思路:要想双击时不执行单击事件,就使用定时器清除掉两个单击事件,留下一个双击事件。...要想不执行第一次的任务队列,那么定时器时间间隔就必须大于两次单击的时间间隔了。这样才能清除第一次的单击事件,所以,这个200是酌情值,大于间隔就行。

74020
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    浅谈JavaScript的事件(事件类型)

    ,当用户选择文本框的内容时触发;resize事件,当浏览器窗口大小改变时触发;scroll事件,当用户滚动带滚动条的元素时触发。...使用load事件能够确保事件是在页面元素加载完成后触发,不活出现错误。如果我们在页面元素位加载完成,就去获取页面上的元素,则会产生错误。...unload事件是与load事件对立的一个事件,这个事件在完全卸载后触发。当用户从一个页面切换到另一个页面就会触发该事件。...有6个焦点事件:blur事件,元素失去焦点时触发事件,不会冒泡;focus事件,元素获得焦点时触发,不会冒泡;focusin事件,元素获得焦点时触发,会冒泡;focusout事件,元素失去焦点时触发,会冒泡...其中keydown和keypress是在文本框发生变化之前触发,keyup是在文本框变化之后触发。如果按下的是非字符集,则会触发keydown和keyup事件。

    1.8K50

    4-Jquery学习四-事件操作

    实例: 现在,我们为window对象的resize事件绑定处理函数(可以绑定多个,触发时按照绑定顺序依次执行): $(window).resize( function(){ alert("不建议调整窗口大小...): focusin是支持冒泡的,当我们把鼠标光标放入文本框时,该事件冒泡传递到父元素p上,因此可以在p元素上触发focusin事件。...p元素的focusin事件 //$ps.focusin( ); // 调用不带任何参数的focusin()函数,会触发每个匹配元素的focusin事件 20,focusout focusout事件就是失去焦点事件...与blur事件不同的是:focusout可以检测该元素的后代元素获得焦点的情况(换句话说,focusout事件支持冒泡,blur不支持)。 效果同上。...22,select select事件会在文本框中的文本内容被选中时触发。该事件仅适用于和文本框。

    4.5K90

    Qt项目之虚拟键盘V1.1

    不知道上次有没有小伙伴用我的思路自己去实现一遍虚拟键盘,上次的版本存在一些的缺陷,我并不是在点击输入文本框时显示键盘的,而是通过鼠标的点击事件显示键盘的。...因为当时那版的功能我没有在网上查到怎么去实现,但这次则实现了点击文本框显示键盘的功能,还添加了切换字母大小写功能、可通过鼠标移动虚拟键盘的功能。这些都是在网上找的,然后我拼起来的。来个图片预览。 ?...一、切换字母大小写功能 原来是在构造函数中直接对Button布局,没有存储起来,从而造成无法修改。...文本框发送字母时也是同样的情况。听起来可能都是这样的,只是在实现时有没有更好地技巧。...大写锁定切换 ?

    2K40

    【JS】310- 使用 focusout 事件,解决 iOS 键盘收起不归位问题

    而与之相类似的有另外 2 个事件 focusin 和 focusout 则是可以冒泡的。 网上一些文章提到 focusin 和 focusout 是 IE 浏览器才支持的一种 DOM 事件。...但是经过手机测试发现,当我们从 电话输入框 直接切换到 姓名输入框 这种操作时,页面会发生抖动。我们来继续分析。 解决抖动问题 其实2个输入框切换时 抖动的原因也很简单。...因为我们在上述两个输入框之间切换时,页面会首先触发 电话输入框 的 blur事件,接着触发 姓名输入框 的 focus 事件。...其实,在两个输入框之间切换这种操作时,我们就没必要触发第一个输入框 blur 时的 window.scrollTo 行为了。...因此看我们修改下我们的代码,让输入框切换这种操作发生时,可以切断第一个输入框的行为。

    3.4K10

    Python中tkinter模块的常用参数总结

    “focusin”        当Entry组件获得焦点的时候去验证  “focusout”       当Entry组件失去焦点的时候去验证  “key”          当输入框编辑的时候验证...;Configure      当组件大小改变时触发;Deactivate       当组件由可用转变为不可用时触发;Destroy      当组件被销毁时触发;Expose...     当组件从被遮挡状态中暴露出来时触发;Unmap       当组件由显示状态变为隐藏状态时触发;Map      当组件由隐藏状态变为显示状态时触发...;FocusIn       当组件获得焦点时触发;FocusOut       当组件失去焦点时触发;Property      当窗体的属性被删除或改变时触发;...Visibility     当组件变为可视状态时触发;响应事件event对象(def function(event)):char        按键字符,仅对键盘事件有效;

    87230

    前端开发JS——jQuery常用方法

    handlerOut(eventObject):当鼠标指针离开元素时触发执行的事件函数 7、jQuery鼠标事件之focusin与focusout事件 focusin 方法用于监听用户元素聚焦操作(如...focusout 方法用于监听用户元素失焦操作(如input元素),只有元素失焦后才生效。...有四种方式能触发submit事件: 、 、 、 当某些表单元素获取焦点时,敲击...13、jQuery键盘事件之keypress()事件 keydown事件触发在文字还没敲进文本框,这时如果在keydown事件中输出文本框中的文本得到的是触发键盘事件前的文本,而keyup事件触发时整个键盘事件的操作已经完成...keypress与keydown、keyup的主要区别: 只能获取单个字符,不能捕获组合键 无法响应系统功能键如(delete,backspace) 不区分小键盘和主键盘的数字字符 14、on()的多事件绑定

    5K20

    jquery鼠标事件

    .focusout()   将一个事件函数绑定到失去焦点事件上。   .focusout(handler)     handler       每次事件出发会执行的函数。   ...hover(handlerIn(eventObject),handlerOut(eventObject))     handlerIn(eventObject)       当鼠标指针进入元素时触发执行的事件函数...function(){     $("p").css("background-color","yellow");   }); .mousemove()   当鼠标指针在指定的元素中移动时触发事件...function(e){       $("span").text(e.pageX + ", " + e.pageY);     }); .mouseout()   当鼠标指针从元素上离开时触发的函数...(function(){       $("p").css("background-color","yellow");     }); .mouseup()   当在元素上放松鼠按钮时触发的事件

    4.5K70

    JavaScript(十二)

    window 上面触发 select: 当用户选择文本框(input 或 texterea)中的一或多个字符时触发 load 事件 JavaScript 中最常用的一个事件就是 load。...unload 事件 与 load 事件对应的是 unload 事件,这个事件在文档被完全卸载后触发。只要用户从一个页面切换到另一个页面,就会发生 unload 事件。...有以下 4 个焦点事件: blur: 在元素失去焦点时触发 focus: 在元素获得焦点时触发 focusin: 在元素获得焦点时触发。...这个事件与 HTML 事件 focus 等价,但它冒泡 focusout: 在元素失去焦点时触发。...在文本插入文本框之前会触发 textInput 事件 内存和性能 ---- 在 JavaScript 中,添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能。 导致这一问题的原因是多方面的。

    2.9K20

    梳理下常见的不冒泡事件

    User shifts focus focusout 第一个目标元素失去焦点之前触发 focusin 第二个目标元素获得焦点之前触发 blur 第一个目标元素失去焦点之后触发 focus 第二个元素获得焦点之后触发...•blur 不冒泡 ❌•focus 不冒泡 ❌•focusin•focusout 要注意 blur 事件和 focus 事件都是不冒泡的,因获取和失去焦点本身就是针对这个元素的。...如果要坚挺具体的焦点变化情况,那么应该使用 focusin 和 focusout Mouse 事件 如果元素内部没有嵌套另一个元素,事件触发的顺序见下表: Event Type Element Notes...不冒泡 ❌•mouseleave 不冒泡 ❌•mousemove•mouseout•mouseover•mouseup mouseenter/mouseleave 看这个单词也是跟 focusin/focusout...该事件包括三个: •compositionstart 输入法编辑器打开状态,准备输入•compositionupdate 向输入字段插入新字符时触发•compositionend 输入法编辑器关闭时触发

    1.3K30

    DOM事件第二弹(UIEvent事件)

    绑定事件公共类) var fixs = { 'focusin': { standard: 'focus', ie: 'focusin' }, 'focusout...js对象:image、windows、layer(h5的) unload 在页面或内容被移除时触发。元素:body、frameset;Js对象:window。...onbeforeunload 提示用户是否关闭当前网页 abort 图片加载完成之前被用户终止时触发,元素:img;js对象:image error 资源加载出错被触发,元素:script、img、style...;js对象:window,image select 文本被选中触发,js对象:window 2.1 兼容点 当load事件应用在script元素上时,在Ie不支持,需要用onreadystatechange...失去焦点,不冒泡,遗留方案 3.1 代理事件的兼容处理方案 ie、opera、chrome等都支持focusin和focusout,但firefox不支持focusin和focusout。

    2.9K90

    杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

    blur和 focusout 失去焦点[同理] mouseover和 mouseenter 移进 mouseover, 如果鼠标指针穿过任何子元素,同样会触发 mouseover 事件 mouseout...事件冒泡可能会引起预料之外的效果,上例中,本来只想触发元素 的click事件,然而 元素和元素的click事件也同时被触 发了.因此有必要对事件的作用范围进行限制.当单击元素时,只 触发元素的click...事件,而不触发 和元素上的 click事件.当单击 元素时,只触发 元素上的click事件, 而不触发元素上的click事件....die(type, [fn]),从元素中删除先前用.live()绑定的所有事件 die解绑 2.4 事件切换【了解】 hover([over,]out) 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数...•easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear" •fn:在动画完成时执行的函数,每个元素执行一次。

    8.3K20
    领券