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事件对象求数组最大值
URL地址:http://hbruida.cn/article/hoedjc.html