插件 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 点击
dblclickoutside DBLCLICK
focusoutside 专注于
bluroutside 事件的内容
mousemoveoutside 鼠标移动
为 mouseDownOutside 鼠标按下
mouseupoutside 鼠标松开
mouseoveroutside 鼠标移到
mouseoutoutside 鼠标移开
keydownoutside KEYDOWN
keypressoutside 按键
keyupoutside KEYUP
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);
  ...
});

你明白了,对吗?


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

目前重心已经放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>