网站建设资讯

NEWS

网站建设资讯

jquery的事件对象,jquery事件对象求数组最大值

jquery事件对象event有哪些属性和方法

1.event.type属性

创新互联建站网络公司拥有10多年的成都网站开发建设经验,近千家客户的共同信赖。提供成都网站建设、成都做网站、网站开发、网站定制、买友情链接、建网站、网站搭建、响应式网站开发、网页设计师打造企业风格,提供周到的售前咨询和贴心的售后服务

该方法作用是可以获取到时间的类型。

2.event.preventDefault()方法

该方法的作用是阻止默认的事件行为。JavaScript中符合W3C规范的preventDefault()方法在IE浏览器中无效。jQuery对其进行了封装,使之能兼容各种浏览器。

3.event.stopPropagation()方法

该方法是阻止事件的冒泡。JavaScript中符合W3C规范的stopPropagation()方法在IE浏览器中无效。jQuery对其进行封装,使之能兼容各种浏览器。

4.event.target属性

event.target属性的作用是获取到出发事件的元素。jQuery对其封装后,避免了W3C、IE和safari浏览器不同标准的差异。

5.event.relatedTarget属性

在标准DOM中,mouseover和mouseout所发生的元素可以通过event.target()方法来访问,相关元素是通过event.relatedTarget属性来访问的。event.relatedTarget属性在mouseover中相当于IE浏览器的event.fromElement属性,在mouseout中相当于IE浏览器的event.toElement,jQuery对其进行了封装,使之能兼容各种浏览器。

6.event.pageX/event.pageY属性

该方法的作用是获取到光标相对页面的x坐标和y坐标。如果没有使用jQuery时,那么IE浏览器中是用event/event.y方法,而在Firefox浏览器中用event.pageX/event.pageY方法。如果页上有滚动条,则还要加上滚动条的宽度和高度。在IE浏览器中还应该减去默认的2px的边框。

7.event.which属性

该方法的作用是在鼠标单击事件中获取到鼠标的左、中、右键;在键盘事件中获取键盘的按钮。

8.event.metaKey属性

针对不同浏览器对键盘中的ctrl按键解释不同,jQuery也进行了封装,并规定event.metaKey()方法为键盘事件中获取ctrl按键。

9.event.originalEvent属性。

该方法的作用是指向原始的事件对象。

JQuery的submit事件

提交表单是一个最常见的业务需求,比如用户注册,一些信息的输入都是需要表单的提交。同样的有时候开发者需要在表单提交的时候过滤一些的数据、做一些必要的操作(例如:验证表单输入的正确性,如果错误就阻止提交,从新输入)此时可以通过submit事件,监听下提交表单的这个动作。

绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少。

绑定 ele元素触发点击操作会执行回调 handler函数。

使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题。

通过在form元素上绑定submit事件,开发者可以监听到用户的提交表单的的行为。

当某些表单元素获取焦点时,敲击Enter(回车键)

上述这些操作下,都可以截获submit事件。

form元素是有默认提交表单的行为,如果通过submit处理的话,需要禁止浏览器的这个默认行为,

传统的方式是调用事件对象 e.preventDefault() 来处理, jQuery中可以直接在函数中最后结尾return false即可。

jQuery处理如下:

运行效果:

jquery的事件对象问题, 急!!!

使用e.data传送参数,你自己定义的参数放在回调函数前面,看一下下面的例子你就明白了。

script src=""

/script

input id="btn_1" type="button" value="btn"/

script type="text/javascript"

$(document).ready(function(){

var obj={"name":"Tom", "height":1.71, "weight":60};

$("#btn_1").click(obj,function(e){

var str="";

for(var k in e.data){

str += k+" : "+e.data[k]+"\n";

}

alert(str);

});

});

/script

如何理解jquery事件对象

举个例子:

input type="button" id="btn" value="按钮" /

$("#btn").click(function(event){

//这个event就是事件对象,当然这个事件对象在click事件被触发时,才会产生。

//这个click里面指定的function(event){....} 就是事件处理函数。

});

也会有这样的写法:

function hello(){ alert("hello world") };

$("#btn").bind("click",hello);//这种写法更直观一些,就是将#btn对象的click事件处理指向为hello函数,即click事件触发时,进入hello函数中,执行相应的处理。


当前文章:jquery的事件对象,jquery事件对象求数组最大值
文章分享:http://njwzjz.com/article/hoedjc.html