美文网首页
jQuery事件(1)

jQuery事件(1)

作者: hsj_gg | 来源:发表于2018-06-13 21:45 被阅读0次

鼠标事件

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时阻止页面跳转)

相关文章

  • 3 jQuery03 事件

    1、jQuery事件发展史: (1).jQuery事件底层封装的都是原生js中的addEventListener(...

  • jQuery事件

    1.事件机制jQuery的事件机制,指的是:jQuery对JavaScript操作DOM事件的封装,包括了:事件绑...

  • jQuery-事件和插件

    1 - jQuery 事件注册 $("div").click(function() {}); jQuery 为我们...

  • 20、jQuery 事件机制

    20、jQuery 事件机制 原生js事件与jQuery事件: (1)用原生的js给div注册事件 原生js注册相...

  • 通过jquery动态添加的元素绑定事件

    1.一般通过jquery绑定事件# 2.通过jquery添加的元素绑定事件#

  • jQuery事件(1)

    鼠标事件 1、click()(单击)& dbclick()(双击)事件 ①$("p").click() ②$(...

  • Jquery

    引用Jquery jquery加载 绑定click事件 jquery特殊效果fadeIn()('#div1').f...

  • jquery实战

    jQuery属性操作 jQuery特殊效果 jQuery动画 jQuery循环 jQuery其他事件 自定义事件

  • jQuery操作事件

    总结:jQuery对象打点 去掉 on 的 js 事件 (1)、jQuery对象 . click(functio...

  • jq知识体系

    1 jQuery基础语法 1.1 jquery语法结构 $('选择器').事件名(function(){}) 1....

网友评论

      本文标题:jQuery事件(1)

      本文链接:https://www.haomeiwen.com/subject/sxeseftx.html