jQuery事件命名空间多事件绑定自定义事件js 命名空间 javascript命名空间

2024-06-01 04:58:20

http://blog.csdn.net/pigpigpig4587/article/details/24727791

jQuery事件命名空间

jQuery支持事件命名空间，以方便事件管理。例如，在下面的示例中，为div元素绑定多个事件类型，然后使用命名空间进行规范，从而方便管理。所谓事件命名空间，就晨事件类型后面以点语法附加一个别名，以便引用事件，如”click.a”，其中”a”就是click当前事件类型的别名，即事件命名空间

如：$(“div”).bind(“click.a”,function(){});

$(“div”).bind(“dbclick.a”,function(){});

$(“div”).bind(“mouseover.a”,function(){});

$(“div”).bind(“mouseout.a”,function(){});

若在所有绑定的事件类型后面附加命名空间，这样在删除事件时，就可以直接指定命名空间。如$(“div”).unbind(“.a”);

同样，如果相同的事件类型设置不同的命名空间，如果仅删除某一个事件处理程序，则只需要指定命名空间即可。

另外，在trigger()方法中，如果事件类型后面附加感叹号，则表示触发不包含命名空间的特定事件类型。

$(“div”).bind(“click”,function(){});

$(“div”).bind(“click.a”,function(){});

$(“div”).trigger(“click!”)//注意click类型后面的感叹号，它将触发第一个注册

多事件绑定

对于同一个对象的多个事件，可以连写的形式串在一起。

$(“div”).bind().bind()…

自定义事件

jQuery支持自定义事件，所有自定义事件都可以通过jQuery方法触发，例如下面的示例自定一个Delay事件类型，并把它绑定到input元素对象上，然后在按钮单击事件中触发自定义事件

$(“input”).bind(“delay”,function(event){

setTimeout(function(){

alert(event.type);

},1000);

});

$(“input”).click(function(){

$(“input”).trigger(“delay”); //触发自定义事件

});

自定义事件不是真正意义上的事件，可以把它理解为自定义函数，触发自定义事件就相当于调用自定义函数。

jQuery事件命名空间多事件绑定自定义事件js 命名空间 javascript命名空间相关推荐

Vue组件绑定自定义事件
Vue组件使用v-on绑定自定义事件: 可以分为3步理解: 1.在组件模板中按照正常事件机制绑定事件: template: '<button v-on:click="increment ...
「后端小伙伴来学前端了」关于Vue中的自定义事件，组件绑定自定义事件实现通信
傍晚的月亮前言原本这篇打算写Vue中的那个全局事件总线的原理,但是发现自己少写了这个自定义事件,不讲明白这个自定义事件的操作,不好写全局事件原理,于是就有了这篇文章拉. 一.v-on指令要讲自定 ...
[vue] vue给组件绑定自定义事件无效怎么解决？
[vue] vue给组件绑定自定义事件无效怎么解决? 两种方式 1.组件外部加修饰符.navtive 2.组件内部声明$emit('自定义事件') 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放 ...
六十二、Js中的冒泡和捕获点击事件和Vue组件绑定原生事件
2020/10/18 . 周日.今天又是奋斗的一天. @Author:Runsen @Date:2020/10/18 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是 ...
快速创建Angular组件并定义传参、绑定自定义事件的方法
为了方便创建Component,请自行安装插件接下来就是创建组件需要绑定入参in和事件out(用于输出参数) 运行效果如下(可以点击红色文字,就获取到了子组件传出的内容)
[置顶] Jquery为单选框checkbox绑定单击事件
一.假设有如下一段html代码 <dd id="1"> <input id="checkbox-518" class="imagez ...
JAVA查找事件侦听代码_Java自定义事件处理程序和侦听器
我目前正在使用Socket.io的 Java实现,可在此处获取: netty-socketio 我已经启动并运行了服务器,它在客户端和服务器之间很好地接收/发送消息,但是我需要在接收到某些消息时触发事 ...
【Vue 快速入门系列】Vue数据实现本地存储、自定义事件绑定、全局事件总线、$nextTick的使用
文章目录一.本地存储 1.概念 2.接口 3.实际操作二.自定义事件绑定 1.自定义事件使用过程 2.绑定自定义事件的语法 3.其他注意事项三.全局事件总线 1.全局事件总线概念 2.全局事件总 ...
Vue（组件间通信：props、自定义事件、全局事件总线、消息订阅与发布）
一.props props不仅可以实现父给子传递信息,还可以进行子给父传递信息 1.父给子传递信息: 父组件中给子组件实例传递信息子组件利用props进行接收组件传递信息(接收方式有三种:数组.对象 ...
jQuery基础教程之如何注册以及触发自定义事件
在不知道jquery中可以注册自定义事件之前,经常看到很多牛人写的插件中,有用到: bind("originevent",function(){-}); 由于当时不知道jquery ...

最新文章

热门文章