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

jQuery事件处理

时间:2015-06-19 23:08:19      阅读:305      评论:0      收藏:0      [点我收藏+]

标签:

1、使用jQuery实现事件绑定

  语法:
    $obj.bind(事件类型,事件处理函数)
  如:
    $obj.bink(‘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.stopPropagetion()可以取消事件冒泡

  如:

$(‘div‘).click(function(e){
        alert(‘点击了div‘);
    });
    $(‘a‘).click(funtion(e){
        alert(‘点击了一个链接‘);
        e.stopPropagetion();
    });

6、jQuery的合成事件种类

  hover(mouseenter,mouseleave)模拟光标悬停事件。
  toggle()在多个事件响应中切换

7、模拟操作的语法

    $obj.trigger(事件类型)

  如:

    $obj.trigger("focus");
  简写形式:
    $obj.focus();    

 

jQuery事件处理

标签:

原文地址:http://www.cnblogs.com/Crow00/p/4589879.html

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