您的位置:首页 > 其它

事件对象属性

2016-03-30 17:05 190 查看
<script type="text/javascript">

$(function(){

(".a").mousedown(function(e){alert(e.which);

$(".c").show();

}).mouseout(function(){

$(".c").hide();})})

事件对象属性

/*$1.event.type 用于获取对象的类型

$("a").click()(function(event)){

alert(event.type);}

2.event.preventDefault()阻止冒泡

3.event.stopPropagation();阻止冒泡

4.event.target()获取触发事件的元素

5.event.relatedTargrt()相关元素通过event.relatedTargrt(来访问),event.relatedTargrt()相当于mouseover()

event.fromElement,在mouseover中相当于event.toElemnt()

6.event.pageX和event.pageY 获取光标相对于页面的X,Y坐标,ie中使用event.x;event.y

7.event.which(),鼠标单击获取左右中键*/

unbind();//移除

one()的方法结构与bind()方法类似;

二:

1.模拟操作

$("#b").trigger("click");简写$("#b").click();

2.触发自定义模式

$("b").bind("myclick",function(){

$("test").append("<p>我的自定义时间<p>");})

$("b").trigger("myclick");

3.传输数据

$("b").bind("myclick",function(event, m1,m2){

$("$test").append("<p>"+m1+m2+"</p>");}

$("b").trigger("myclick",["我的自定义",“事件”]

4.执行默认操作 $("input").trigger("focus");触犯focus,使input得到焦点

5.只想触发绑定focus,不想浏览器操作 triggerHandler();

三:绑定多个时间类型

1.绑定多个类型$(function(){

$("div").bind("mouseover","mouseout",function(){

$(this.toggleClass("over");)}

})

2.添加时间命名空间,便于管理

$("div").bind("mouseover.plu"),function(){

$("body").append("aaaaa");}

$("button").click(function(){

$("div").unbind(".plu");

})

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: