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://ybzwz.com/article/hoedjc.html