jquery 事件总结

来源:互联网 发布:科比09年体测数据 编辑:程序博客网 时间:2024/05/01 22:36
【事件】.unload([[data],fn]);//在当用户离开页面时,会发生 unload 事件。当发生以下情况时,会发出 unload 事件:点击某个离开页面的链接在地址栏中键入了新的 URL使用前进或后退按钮关闭浏览器重新加载页面$(window).unload( function () { alert("Bye now!"); } );//页面卸载的时候弹出一个警告框.select([[data],fn]);//当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件。$("input").select();//选中高亮input框中的文本.scroll([[data],fn]);//当用户滚动指定的元素时,会发生 scroll 事件。scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口)。$(window).scroll( function() { /* ...do something... */ } );//当页面滚动条变化时,执行的函数$("div").scroll(function() {  $("span").text(x+=1);});//对元素滚动的次数进行计数.slideToggle();//隐藏或显示元素:$("button").mouseup(function(){  $("p").slideToggle();});.fadeToggle([speed,[easing],[fn]]);//开关所有匹配元素的淡入和淡出效果,并在动画完成后可选地触发一个回调函数。$("p").fadeToggle("slow","linear");//缓慢的将段落淡入;.fageIn();.fadeOut().mousemove([[data],fn]);//当鼠标指针在指定的元素中移动时,就会发生 mousemove 事件。mousemove事件处理函数会被传递一个变量——事件对象,其.clientX 和 .clientY 属性代表鼠标的坐标;$(document).mousemove(function(e){  $("span").text(e.pageX + ", " + e.pageY);});//获得鼠标指针在页面中的位.keypress([[data],fn]);//当键盘或按钮被按下时,发生 keypress 事件。keypress 事件与 keydown 事件类似。当按钮被按下时,会发生该事件。它发生在当前获得焦点的元素上。不过,与 keydown 事件不同,每插入一个字符,就会发生 keypress 事件。注释:如果在文档元素上进行设置,则无论元素是否获得焦点,该事件都会发生。$("input").keypress(function(){  $("span").text(i+=1);});计算在输入域中的按键次..keyup([[data],fn]);//当按钮被松开时,发生 keyup 事件。它发生在当前获得焦点的元素上。$("input").keyup(function(){  $("input").css("background-color","#D6D6FF");});//当按下按键时,改变文本域的颜色.keydown([[data],fn]);//当键盘或按钮被按下时,发生 keydown 事件。$(window).keydown(function(event){  var myevent = event || window.event;//兼容ie  alert(myevent.keyCode);});.focusout([data],fn);//当元素失去焦点时触发 focusout 事件。跟blur事件区别在于,他可以在父元素上检测子元素失去焦点的情况,与focusin()相反。html代码:<p><input type="text" /> <span>focusout fire</span></p><p><input type="password" /> <span>focusout fire</span></p>js代码:$("p").focusout(function() {  $(this).find("span").css('display','inline').fadeOut(1000);});//在父级p元素检测到失去焦点后会触发动画.dblclick([[data],fn]);//当双击元素时,会发生 dblclick 事件。$("p").dblclick( function () { alert("Hello World!"); });.unbind(type,[data|fn]]);//与bind()的反向操作,从每一个匹配的元素中删除绑定的事件,如果没有参数,则删除所有绑定的事件。$("p").unbind( "click" );//将段落的click事件取消绑定.trigger(type,[data]);//在每一个匹配的元素上触发某类事件。$("form:first").trigger("submit");//提交第一个表单,但不用submit().one(type,[data],fn);//为每一个匹配元素的特定事件(像click)绑定一个一次性的事件处理函数。$("p").one("click", function(){  alert( $(this).text() );});//当所有段落被第一次点击的时候,显示所有其文本。.ready(fn);//当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。$(document).ready(function(){  // 在这里写你的代码...});//或是$(function($) {  // 你可以在这里继续使用$作为别名...});

0 0
原创粉丝点击