码迷,mamicode.com
首页 > Web开发 > 详细

jQuery事件处理

时间:2016-03-12 21:08:35      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:

1.使用jQuery实现事件绑定
  语法:
    $obj.bind(事件类型,事件处理函数)
    如:$obj.bind(‘click‘ fn);
    简写形式$obj.click(fn);
  注:$obj.click()则代表触发了click事件。
2.获得事件对象event
  只需要为事件处理函数传递任意一个参数
  如:$obj.click(function(e){...})
  e就是事件对象,但已经经过jQuery对底层事件对象的封装
  封装后的事件对象可以方便的兼容各种浏览器
3.事件对象的常用属性
  获得事件源 var obj = e.target 返回值是DOM对象
  获取鼠标点击的坐标
    e.pageX
    e.pageY
4.什么是事件冒泡
  子节点产生的事件会依次向上抛给父节点
5.如何取消事件冒泡
  e.stopPropagation()可以取消事件冒泡
  如:
    $(‘div‘).click(function(e){
      alert(‘点击了一个链接‘);
    });
    $(‘a‘).click(function(e){
      alert(‘点击了一个链接‘);
      e.stopPropagation();
    });
5.jQuery的合成事件种类
  hover(mouseenter,mouseleave)模拟光标悬停事件
  toggle()在多个事件响应中切换
6.模拟操作的语法
  $obj.trigger(事件类型)
  如:$obj.trigger("focus");
  简写形式$obj.focus();

jQuery事件处理

标签:

原文地址:http://www.cnblogs.com/Crow0/p/5269898.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!