jQuery事件

bind();

为公主岭等地区用户提供了全套网页设计制作服务，及公主岭网站建设行业解决方案。主营业务为网站设计制作、成都网站建设、公主岭网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

参数一：要绑定事件函数的事件名。

参数二：要绑定的事件函数（事件函数名），如果将来有可能删除该绑定的函数，则必须传函数名。

bind()方法可以通过链式调用的形式连续多次调用，进而个同一标签的同一事件（不同事件）添加不同的事件函数。

on('事件名',fn);

one('事件名',fn);该方法绑定的事件函数只能被触发一次。

unbind();

参数一：要解绑事件函数的事件名（如果只传这一个参数，则该事件名中绑定的函数全部解除）。

参数二：要解除绑定的事件函数名。

off();

注意：bind()和unbind()在3.0后已经被on()和off()取代。

事件简写本质就是简化给标签添加事件函数的操作，标准的添加事件方法：on/bind/one,类似于js的DOM2级添加事件函数操作；事件简写类似于DOM0级的事件绑定操作。

jq事件简写绑定事件函数的技术实现原理：

1、jq给每一个事件名定义了同名的函数，用户调用的事件简写形式，就是在调用这个和事件名同名的函数

2、同名函数内部实现原理：当用户调用了该函数，首先获取该函数的函数名（函数名代表的是事件名），在函数内部通过on把通过参数传进来的函数绑定在函数名对应的事件上。

blur(fn)：失去焦点时触发该方法。

focus(fn)：当鼠标或tab按钮让元素获得焦点时，触发该函数。

change(fn)：表单元素失去焦点（单选框、复选框、下拉菜单标签被选中即可触发，不需等待失去焦点），触发该事件。

click(fn)：鼠标点击时触发该事件。

dbclick(fn)：双击元素时触发该事件（注意：把click和dbclick用于同一个元素会产生问题）。

$(window).scroll(fn)：当页面滚动时触发事件。

hover(fn1,fn2):鼠标移入触发fn1函数，鼠标移出触发fn2函数。

复合事件：toggle().在1.8之前中，复合了奇、偶次点击事件，在1.9之后的版本中toggle方法用于jq的动画

toggle（）方法在1.8之前的版本中需要两个函数类型作为参数，奇数次点击触发第一个函数，偶数次店家触发第二个函数。

事件对象的获取：在事件触发的函数中传递event参数。

event.type:事件类型

event.target:触发事件的元素

e.currentTarget:事件绑定在哪个元素上

event.pageX:鼠标相对于文档的左侧坐标

event.pageY:鼠标相对于文档的顶部坐标

e.preventDefault():取消标签事件，如a标签的页面跳转。

e.stopPropagation():阻止事件冒泡

1、阻止事件冒泡

stopPropagation()方法

2、阻止默认行为

preventDefault()方法

注意：1、return false 在jQuery中是即阻止事件冒泡又阻止默认行为

　2、jQuery不支持事件捕获

解密jQuery事件核心：

jquery 阻止默认行为

一、阻止事件的默认行为：  e.preventDefault()

eg:

function jqFun(){    //点击的时候a的class含有‘cur’时候阻止默认行为

$(‘.nav a’).on(‘click’,function(e){

if($(this).hasClass(‘cur)){

e.preventDefault();

}

})

}

return false 等效于同时调用e.preventDefault()和e.stopPropagation()  。（即return false 除了阻止事件的默认行为之外 还会阻止事件冒泡）

二、query 中   length  和size异同点

size() 方法返回被jquery选择器匹配的元素的数量。   $(selector).size()

length 属性包含query对象中的数目   $(selector).length

size()是方法，length是属性

如果只是获取元素的个数，两者的效果一样，但是如果获取的是字符串的长度就只能用length

size()在1.8版本以后被length取代了，因为length不需要返回一个函数调用，更加优秀。

三、运动的判断与停止 stop()  :animated

stop()  停止当前正在运行的动作

:animated   表示当前运动的状态

用$(:animated) 获取当前所有动画的元素

is(“:animated”)  判断是否在运动    $(‘bbb’).is(“:animated”)   返回true  or false

if( !$(‘bbb’).is(“:animated”)){     //bbb元素在不运动的情况下执行...操作

//do something

}

动画函数  animate 函数

animate 方法执行css属性集的自定义动画的方法

语法如下：

$( selector ).animate( styles , speed , easing , callback )

styles  参数为必选

speed , easing , callback   可选

jquery 键盘默认事件问题

!doctype html

html

head

meta charset="utf-8"

title/title

/head

body

div id="input"

input type="radio" name="choose" value="1"1

input type="radio" name="choose" value="2"2

input type="radio" name="choose" value="3"3

/div

script

window.onload=function(){

var a_input=document.getElementsByTagName("input");

document.body.onkeydown=function(e){

var e=e||window.event;

for(var i=0; ia_input.length;i++){

a_input[i].blur();

}

e.preventDefault();

}

}

/script

/body

/html

给你！不谢

当前名称：jquery默认事件,jquery触发事件的方法
URL分享：http://myzitong.com/article/dsipsji.html