jQuery的事件模式(翻译jQuery in action第四章5)
2008-08-26 13:24
387 查看
4.2.5 触发事件方法
当我们做操作的时候,浏览器会触发DOM定义的事件,但是在很多情况的时候,我们想用程序控
制某个DOM元素上的是事件。我们可以定义一个全局函数,在事件上绑定这个函数,我们直接用程序控制这个函数的调用,也就起到了控制事件的效果,但是现在
我们绑定给事件的是匿名函数,这样的方法很明显肯定是不行了。
jQuery为我们提供了一个方法,该方法就能触发某元素上的事件,绑定在该元素上的方法可以是匿名方法,当然也是可以是显式定义的全局函数了。这个函数的名字就是triggle。他的语法如下:
triggle(eventType);
执行被选中元素,绑定类型(eventType)的方法。
参数:eventType(String)事件类型,比如click,dblclick。
返回:jQuery数组对象。
注意,triggle方法(还有一些快捷的定义,下边在说明)和浏览器真正的触发事件还是不一样的,他不会像浏览器一样会有事件冒泡,真正的意义就是调用选中元素事件被绑定的函数,就是和普通调用一个函数是一样的。
在用triggle触发事件的时候,并不是一个真正事件的发生,只是一个被绑定函数的调用,
我们在前边说明过,事件发生的时候,会把事件对象做为第一个参数传递给被绑定的函数,这个就要注意了,现在没有发生事件,就是说明没有事件对象,那在函数
中引用的事件属性肯定都是为空或者是undefined,例如鼠标的位置。所以在引用该函数的时候要考虑清楚,事件被绑定的函数与事件对象之间有没有关
系,有的话,我个人建议最好不要这样触发。要不结果就不是你想要的效果或者是异常。
除了triggle之外,jQuery还定一很多短格式(见名思义)的一些方法,实际上就是triggle的封装。一般都是以事件的类型命名,这样方便理解代码。下边就是语法格式:
eventType();
eventType是方法的名字,都有下边这些:
■ blur
■ click
■ focus
■ select
■ submit
参数:none
返回:jQuery数组对象
除了,bind,unbind和triggle之外,jQuey还封装了很多基于这三个基础方法的上层方法,让我们在应用页面事件尽可能的简单,具体的你可以看看jQuery的手册。
当我们做操作的时候,浏览器会触发DOM定义的事件,但是在很多情况的时候,我们想用程序控
制某个DOM元素上的是事件。我们可以定义一个全局函数,在事件上绑定这个函数,我们直接用程序控制这个函数的调用,也就起到了控制事件的效果,但是现在
我们绑定给事件的是匿名函数,这样的方法很明显肯定是不行了。
jQuery为我们提供了一个方法,该方法就能触发某元素上的事件,绑定在该元素上的方法可以是匿名方法,当然也是可以是显式定义的全局函数了。这个函数的名字就是triggle。他的语法如下:
triggle(eventType);
执行被选中元素,绑定类型(eventType)的方法。
参数:eventType(String)事件类型,比如click,dblclick。
返回:jQuery数组对象。
注意,triggle方法(还有一些快捷的定义,下边在说明)和浏览器真正的触发事件还是不一样的,他不会像浏览器一样会有事件冒泡,真正的意义就是调用选中元素事件被绑定的函数,就是和普通调用一个函数是一样的。
在用triggle触发事件的时候,并不是一个真正事件的发生,只是一个被绑定函数的调用,
我们在前边说明过,事件发生的时候,会把事件对象做为第一个参数传递给被绑定的函数,这个就要注意了,现在没有发生事件,就是说明没有事件对象,那在函数
中引用的事件属性肯定都是为空或者是undefined,例如鼠标的位置。所以在引用该函数的时候要考虑清楚,事件被绑定的函数与事件对象之间有没有关
系,有的话,我个人建议最好不要这样触发。要不结果就不是你想要的效果或者是异常。
除了triggle之外,jQuery还定一很多短格式(见名思义)的一些方法,实际上就是triggle的封装。一般都是以事件的类型命名,这样方便理解代码。下边就是语法格式:
eventType();
eventType是方法的名字,都有下边这些:
■ blur
■ click
■ focus
■ select
■ submit
参数:none
返回:jQuery数组对象
除了,bind,unbind和triggle之外,jQuey还封装了很多基于这三个基础方法的上层方法,让我们在应用页面事件尽可能的简单,具体的你可以看看jQuery的手册。
相关文章推荐
- jQuery的事件模式(翻译jQuery in action第四章)
- jQuery的事件模式(翻译jQuery in action第四章2)
- jQuery的事件模式(翻译jQuery in action第四章3)
- jQuery的事件模式(翻译jQuery in action第四章4)
- 自己动手丰衣足食,h5手机端jquery弹窗插件(事件冒泡、单例模式、遮盖部分禁止默认滚动)
- 第二章-第四章:基本事件处理,映射模式和滚动视图-从”Hello World”着手学习AppWizard
- 锋利的jQuery第四章:jQuery中的事件和动画
- table动态添加的tr 其click事件在IE兼容模式中不执行 jquery 1.9 的live事件 和获取 first last
- 翻译:libevent参考手册第四章:与事件一起工作
- js以类似jquery的模式绑定事件
- 锋利的jQuery第四章:jQuery中的事件和动画
- 【翻译作品】JavaScript Event学习第四章:传统的事件注册模型
- [锋利的jQuery]第四章 jQuery的事件
- jquery 第四章 事件
- 【阅读】《head first jquery》第四章——函数与事件
- log4net.Layout.PatternLayout 用 conversion 模式格式化日志事件【翻译】
- 解决jquery 修改onclick事件后IE兼容模式下立刻执行的问题
- 第四章 JQuery 中的事件和动画
- 《锋利的jQuery》第四章、 jQuery中的事件和动画
- 一种jQuery插件开发模式(翻译分享)