jQuery事件(1)

鼠标事件

1、click()(单击)& dbclick()(双击)事件

    ①$("p").click()

   ② $("p").click(function{})

  ③  $("p").click(111,function{})

 dbclick用法与click用法相同。

2、mousedown()(鼠标按下)&    mouseup()(鼠标松开)事件(用法同click)

3、mousemove()(鼠标移动)事件( 用法同click)

4、mouseover()(移入)&    mouseout()(移出)事件(用法同click)

5、mouseenter()(移入)&    mouseleave()(移出)事件(用法同click)

注意:mouseover()事件在子元素和其上代元素都会被触发。有冒泡问题。

        而mouseenter()事件只在本元素中会被触发。

6、hover()(移入移出)事件

        $(selector).hover(handlerIn, handlerOut)

handlerln鼠标移入时的回调函数

handlerOut鼠标移出时的回调函数

7、focusin()(获得焦点) & focusout()(失去焦点)事件(用法同click)

表单事件

1、blur() (表单失去焦点) & focus()(表单获取焦点)事件

       ①  blur与focus事件不支持冒泡

        ②focusin与focusout事件支持冒泡

2.change()(表单改变)事件

3、select()(选中)事件

当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件。

4、submit()事件

    监听提交表单的这个动作 (当return为false时阻止页面跳转)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,538评论 1 11
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,629评论 2 10
  • 第1章 鼠标事件 1-1 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是...
    mo默22阅读 1,295评论 0 6
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,361评论 0 8
  • 一、前言 在上篇文章中,我们学到了jQuery操作Dom元素。本篇文章,我们将继续了解jQuery操作事件。 二、...
    LeoZzz阅读 517评论 0 1