http://docs.jquery.com/Events
绑定事件:
bind( type, [data], fn ) Returns: jQuery
1)type是事件类型, 包括:
blur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error
2)data是附加的能被传到event handler的数据, 通过event.data可以取到,当然这个参数是可选的。
3)fn是event handler
function callback(eventObject) {
this; // dom element
}
拆除绑定:
unbind( type, data )
指定type可以将事件响应解除: $("#theone").unbind('click');
指定data,可以将data从event.data去掉
特别的事件绑定
一般的, 都是给一个event设定一个handler,比如click(fn);
hover比较特别, 本身包含了两个事件over和out,于是需要给两个event都指定handler,于是就有hover( over, out ):
$("li").hover(
function () {
$(this).append($("<span> ***</span>"));
},
function () {
$(this).find("span:last").remove();
}
);
类似的还有toggle( fn, fn1 )
分享到:
相关推荐
《jQuery Event Drag 插件深度解析与应用实践》 在Web开发中,用户交互体验的提升是关键之一,其中拖放(Drag and Drop)功能尤为常见,如文件管理、元素布局等。jQuery作为广泛使用的JavaScript库,提供了丰富的...
新的jQuery Event Inspector面板。 舒适地检查您的jQuery代码,并查看其回调事件列表。 此插件在“元素”面板上添加了一个新的侧边栏-jQuery Callback Events侧边栏-显示了所选元素的事件处理程序,包括正在发生或...
对于事件的操作无非是addEvent,fireEvent,removeEvent这三个事 件方法。... Jquery提供了一个 event的包裹,这个相对于其它的lib提供的有点简单,但是足够使用。 代码如下: //对事件进行包裹。 fix : function(e
《jQuery Event Drop 2.0:深入理解与应用》 jQuery Event Drop 2.0 是一个专门用于处理拖放事件的插件,它为开发者提供了更丰富的交互功能,使得在网页上实现动态拖放操作变得更为简单。在这个压缩包文件"jquery....
jQuery Event Logger是一个书签,可在触发时实时记录jQuery绑定的事件。 它使查看每个事件正在执行的处理程序的可视化变得容易,并可以追溯其源代码。 用法 创建具有以下内容的书签: [removed](function(){...
新的jQuery Event Inspector面板。 舒适地检查您的jQuery代码,并查看其回调事件列表。 此插件在“元素”面板上添加了一个新的侧边栏-jQuery Callback Events侧边栏-显示了所选元素的事件处理程序,包括正在发生或...
《jQuery.event.drag-2.0:拖放事件的深度解析》 在JavaScript的世界里,jQuery库以其简洁的API和强大的功能深受开发者喜爱。而在jQuery的众多插件中,`jquery.event.drag-2.0`是一个专门处理拖放事件的插件,它极...
在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本文将深入探讨如何为...通过阅读和实践提供的jQueryEvent压缩包中的源码,可以更深入地理解这个过程。
JQuery读书笔记–Event属性说明 JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它,但有些时候它还是它还是有作用的。如获知触发时用户的环境(是否按了shift etc)。每个浏览器对event都有...
为了解决不同浏览器之间的兼容性问题,jQuery提供了一个非常有用的工具函数$.event.fix,它能够将不同浏览器原生的事件对象转换为一个统一的事件对象,从而允许开发者使用统一的方式处理各种浏览器中的事件。...
var event = new jQuery.Event("demo-trigger"); event.extra = { name:'Andrew', age:'23', job:'FrontEndDev' }; $('#demo').trigger(event); }); ``` 以上两种方法都是有效的方式,用于在jQuery事件处理...
jquery-event-key 返回 键盘事件触发时对应的按键值 ###使用方法 $("#test").onkeydown(function(event){ var realKey = $.realKey(event); console.log(realKey); });
在jQuery中,`.event.fix()`方法是一个非常重要的工具,它能够将不同浏览器的原生事件对象转换成jQuery封装的统一的事件对象。当你使用jQuery处理事件时(例如使用`.click()`,`.mouseover()`等方法绑定的事件),...
《jQuery Mobile Event 深入解析》 在Web开发领域,jQuery Mobile是一个强大的框架,它专为触摸设备设计,提供了一套完整的用户界面组件和事件处理机制。标题"jquery.mobile.event"表明我们将深入探讨jQuery Mobile...
另外,在jQuery 1.7中移除了event.layerX和event.layerY这两个属性,以及jQuery.isNaN()和jQuery.event.proxy()方法,分别用event.originalEvent.layerX and event.originalEvent.layerY、jQuery.isNumeric()、...
《jQuery Migrate 3.4 版本详解》 jQuery Migrate 是一个插件,它的主要目的是帮助开发者平滑地过渡到较新版本的 jQuery,解决老版本代码在新版本中可能遇到的兼容性问题。在jQuery Migrate 3.4.0版本中,我们看到...
`$(element).click(function(){...})`用于绑定点击事件,`$(element).on('event', function(){...})`则支持多种事件,如`'mouseover'`, `'mouseout'`, `'keydown'`等。同时,`.off()`用于解除绑定。 ### 四、动画...
**jQuery InputEvent 插件详解** 在Web开发中,JavaScript库jQuery因其易用性和广泛的兼容性而备受青睐。然而,不同的浏览器对某些事件的支持程度各异,`oninput`事件便是其中之一。`oninput`事件在用户输入内容时...