阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      插件 jQuery.outside events 中文 API 文档

      插件 jQuery.outside events 中文 API 文档 https://github.com/cowboy/jquery-outside-events

      使用 jQuery 外部事件,您可以绑定到仅在特定元素之外发生特定“原始”事件时才会触发的事件。例如,您可以单击外部,双击外部,鼠标悬停在外部,外部聚焦(以及超过十个默认的“外部”事件)。此外,如果默认情况下未提供外部事件,您可以轻松定义自己的事件。

      请注意,因为对 event.target 的原始事件元素的引用可用,您可以根据实际与之交互的元素更改行为。

      http://benalman.com/code/projects/jquery-outside-events/docs/files/jquery-ba-outside-events-js.html

      默认的“外部”事件

      请注意,每个“外部”事件都由“始发”事件提供支持。仅当在绑定了外部事件的元素之外的元素上触发原始事件时,才会触发绑定事件。

      由于每个外部事件都由单独的原始事件提供支持,因此停止该原始事件的传播将阻止其相关的外部事件触发。

      外面的事件原创事件
      clickoutside点击
      dblclickoutsideDBLCLICK
      focusoutside专注于
      bluroutside事件的内容
      mousemoveoutside鼠标移动
      为 mouseDownOutside鼠标按下
      mouseupoutside鼠标松开
      mouseoveroutside鼠标移到
      mouseoutoutside鼠标移开
      keydownoutsideKEYDOWN
      keypressoutside按键
      keyupoutsideKEYUP
      changeoutside更改
      selectoutside选择
      submitoutside提交

      外部事件

      当元素在相关元素外部的元素上触发其相应的“始发”事件时,在元素上触发“外部”事件。有关详细信息,请参阅默认“外部”事件列表。

      用法

      jQuery('selector')。bind('clickoutside',function(event){
        var clicked_elem = $(event.target);
        ...
      });
      jQuery('selector')。bind('dblclickoutside',function(event){
        var double_clicked_elem = $(event.target);
        ...
      });
      jQuery('selector')。bind('mouseoveroutside',function(event){
        var moused_over_elem = $(event.target);
        ...
      });
      jQuery('selector')。bind('focusoutside',function(event){
        var focused_elem = $(event.target);
        ...
      });
      

      你明白了,对吗?

      目录
      目录