事件对象属性

<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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值