【jquery的自定义事件通过on绑定trigger触发】的更多相关文章

jquery的自定义事件通过on绑定trigger触发

jquery绑定自定义事件,可以实现预先绑定好一个处理方法,当需要使用的时候利用jquery trigger来触发自定义事件,以达到方便快捷的目的.我们来假设一个这样的场景,一个textarea中的字数计算,如果是直接键盘输入或者粘贴进来的话,是可以使用input方法检测到,但是如果是通过js插入的文本,这个时候input事件就监测不到了,这个时候如果我们事先给绑定一个myChange事件,它的回调函数就是来处理计算其中的文本字数的,我们在使用js给这个textarea赋值以后,连缀写上.tri…

jQuery封装自定义事件--valuechange(动态的监听input，textarea)之前值，之后值的变化

jQuery封装自定义事件--valuechange(动态的监听input,textarea)之前值,之后值的变化 js监听输入框值的即时变化 网上有很多关于 onpropertychange.oninput的讲解,但是他们都不是我想要的,我想要的是动态的监听input,textarea等之前值和之后改变的值,比如像KISSY中的valuechange事件一样,当我在输入框里面开始输入1的时候,那么之前值是undefined,现在的值是1,当我接着输入2时候,那么之前的值是1,现在的值是2.等,…

jQuery 的自定义事件

jQuery  中,想要自动触发自定义事件,必须满足2个条件: 1.事件必须是通过on 来绑定的. 2.事件必须是通过trigger / triggerHandler 来触发. 格式如下: $(function(){ //用on 定义绑定事件 $('.son').on('click',function(){ alert('son'); }) // 通过trigger / triggerHandler 来触发. $('.son').triggerHandler('click'); })…

jQuery的自定义事件——滚轮

这个案例类似于在地图上滚动滚轮,能缩小或者放大地图,分别用zoomIn和zoomOut来命名. 代码如下: //JS部分:<script src="jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(function(){ $('img').on('zoomIn', function(){ $(this).css('width', 300) }); $…

jquery 的鼠标事件/淡入淡出/绑定

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery的学习</title> <!-- 引入第三方库用单表签 --> <script type="text/javascript" src="./js/jquery.min.js"></…

使自定义事件支持多绑定 js

<script language="JavaScript" type="text/javascript"> <!-- //定义类class1 function class1(){ //构造函数 } //定义类成员 class1.prototype={ show:function(){ //show的代码 //... //如果有事件绑定则循环onshow数组,触发该事件 if(this.onshow){ for(var i=0;i<this.o…

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

http://blog.csdn.net/pigpigpig4587/article/details/24727791 jQuery事件命名空间 jQuery支持事件命名空间,以方便事件管理.例如,在下面的示例中,为div元素绑定多个事件类型,然后使用命名空间进行规范,从而方便管理.所谓事件命名空间,就晨事件类型后面以点语法附加一个别名,以便引用事件,如"click.a",其中"a"就是click当前事件类型的别名,即事件命名空间 如:$("div&quo…

trigger 和 triggerHandler()，自定义事件

trigger 和 triggerHandler(),自定义事件 语法: $(selector).trigger(event,[param1,param2,...]) 1,event 必需.规定指定元素要触发的事件. 2,[param1,param2,...] 可选.传递到事件处理程序的额外参数. 额外的参数对自定义事件特别有用. 可以使自定义事件(使用 bind() 函数来附加),或者任何标准事件. ======================== triggerHandler() 方法触发被…

跟着《beginning jquery》学写slider插件并借助自定义事件改进它

<beginning jquery>是一本很不错的学习jquery的书,作者的讲解深入浅出,很适合初学者,在最后一章里面,作者把前面所有的点结合起来完成了一个轮播图的jquery插件.实现了自动播放,键盘和鼠标控制.但是,借助jquery的自定义事件来优化这个插件,可以使逻辑更清楚. 效果图 首先贴一下作者(Jack Franklin)的原程序: (}; ) * $sliderItems.first().); ); }; ; }; , ); } ) { ) { triggerSlider(&q…

Jquery精妙的自定义事件

对于jQuery自定义事件,很多JavaScript开发者都会有所疑惑:在日常开发过程中会不会用到呢?而本文将结合一个开发案例,其中的一些地方应用到了jQuery的自定义事件,而且达到了很好的效果-精简代码的同时充分利用了OO的原则. 51CTO推荐专题: jQuery从入门到精通 问题 一个复选框X,你如何便捷地触发它的click事件的处理逻辑,但是又不改变它当前的选中状态? 答案 其实没有什么标准答案,用传统的方式,写一个函数: var onClick=function(dom){//复选框…