Jquery—事件event

最新推荐文章于 2019-05-15 18:17:19 发布
最新推荐文章于 2019-05-15 18:17:19 发布
阅读量776 收藏
点赞数 1
分类专栏： Jquery Jquery学习之路 文章标签： Jquery 事件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nongweiyilady/article/details/53857423
版权

常见DOM事件：

鼠标事件 键盘事件 表单事件 文档/窗口事件
click keypress submit load
dblclick keydown change resize
mouseenter keyup focus scroll
mouseleave   blur unload

事件方法语法：

如点击p标签，让其隐藏

<head>
    <meta charset="UTF-8">
    <title>事件</title>
    <script src="../../libs/jquery-3.1.1.js"></script>
    <script>
        $(function(){
            $("p").click(function(){
                $(this).hide();
            });
        })
    </script>
</head>
其中 

 $(function(){
           //you code
        })
作用是让文档加载完之后执行you code部分。this指向当前被选中的元素。

其他事件方法用法相同。

本文参考资料来自：http://www.runoob.com/jquery/jquery-events.html

Tiramisu_C
关注
专栏目录
jQuery事件对象的属性
一刀3段
07-04 287
jQuery在遵循W3C规范的情况下，对事件的常用属性进行了封装，使得事件处理在各大浏览器下都可以正常的运行而不需要进行浏览器类型判断。 1.event.type属性 该方法作用是可以获取到时间的类型 [code="js"]$("a").click(function(event){ alert(event.type); //获取时间类型 return false;...
jquery的event
影子
08-16 165
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery3.6.0.js"></script> </head> <body> <ul> <li></li> <li></li&g.
jquery jquery.Event
omg_lwf的博客
08-13 657
jquery.Event：         http://api.jquery.com/category/events/event-object/ 简单的案例：          &lt;button id="btn"&gt;点我啊&lt;/button&gt;          &lt;script&gt;                 $("#btn").on("click",fu..
jQuery基础之Event事件
上善若泪
05-15 6331
目录 1 事件处理 1.1 事件绑定的简便方法 1.2 on方法，trigger方法，off方法 1.2.1 on方法 1.2.2 trigger方法 1.2.3 off方法 1.2.4 事件的名称空间 1.3 bind方法，unbind方法 1.3.1 bind() 1.3.2 unbind() 1.4 bind方法和on方法区别 1.5 event对象 1.5.1 e...
jquery 中event.data的作用
bluedot的专栏
11-19 1646
jquery 中event.data的作用 lang="en">charset="utf-8">event.data demosrc="//code.jquery.com/jquery-1.10.2.js"> 0 1 2 3 4 id="log">var logDiv = $( "#log" );for ( var i = 0; i 5; i++ ) { $( "button" )
jQuery.event兼容各浏览器的event详细解析
10-26
在jQuery中，`.event.fix()`方法是一个非常重要的工具，它能够将不同浏览器的原生事件对象转换成jQuery封装的统一的事件对象。当你使用jQuery处理事件时（例如使用`.click()`，`.mouseover()`等方法绑定的事件），...
jquery中event对象属性与方法小结
01-19
JQuery读书笔记–Event属性说明 JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它，但有些时候它还是它还是有作用的。如获知触发时用户的环境（是否按了shift etc）。每个浏览器对event都有...
jQuery源码分析之Event事件分析
12-10
对于事件的操作无非是addEvent,fireEvent,removeEvent这三个事 件方法。... Jquery提供了一个 event的包裹，这个相对于其它的lib提供的有点简单，但是足够使用。 代码如下: //对事件进行包裹。 fix : function(e
jQuery学习5 jQuery事件模型
12-10
4. **Event对象作为参数**：在jQuery事件处理程序中，`Event`实例通常作为参数传递，这样可以访问事件的相关信息，如事件类型、目标元素等。 5. **规范化Event实例属性**：jQuery对`Event`对象的常见属性进行了标准...
jQuery事件回调李斯特「jQuery Event Callback Lister」-crx插件
03-09
新的jQuery Event Inspector面板。 舒适地检查您的jQuery代码，并查看其回调事件列表。 此插件在“元素”面板上添加了一个新的侧边栏-jQuery Callback Events侧边栏-显示了所选元素的事件处理程序，包括正在发生或...
jQuery Event对象的属性和方法
xyjikl
07-16 1419
介绍之前先介绍jQuery的一个方法 jQuery.event.fix(event || window.event); 此方法个浏览器的event对象转换为 jQuery.event; 如果您的事件是通过jQuery方法绑定的，就不需要进行转换了！ jQuery在遵循W3C规范的情况下，对事件的常用属性进行了封装，使得事件处理在各大浏览器下都可以正常的运行而不需要进行浏览器类型判断。
JavaScript的文档窗口事件
天高任鸟飞
07-22 306
文档窗口事件 Load 当指定的元素已加载时，触发 Resize 当调整浏览器窗口大小时，触发 Scroll 当用户滚动指定的元素时，触发 适用于所有可滚动的元素，window对象浏览器窗口 Unload 当用户离开页面时，触发 只应用于 window 对象 触发情况 1、点击某个离开页面的链接 2、在地址栏中键入了新的 URL 3、使用前进或后退按钮 4、关闭浏览器...
JQuery中的event
hxhdj的博客
06-25 1736
今天尝试仿写个js的demo，其中的一段代码 $("#i").keydown(function(e) {}，很明显这是在给一个id=i的元素添加keydown事件，但是里面的匿名函数中却有了个e参数，对此我查了些资料，总结如下：首先，function(e){}中的e表示当前文档触发的DOM事件，所谓DOM事件是由W3C定义好的，包括：鼠标事件、框架事件、键盘、表单事件等等。而JQuery中的e就是...
jQuery中的Event对象
旺仔专栏
06-09 1万+
jQuery中的事件1、浏览器实现的事件模型DOM Level 0事件处理的实现是将一个handler赋值给元素的属性，如onclick=function(param1, param2){...}。缺点是一个事件只能有一个处理函数，即最后一个被赋值的处理函数，之前的全部被覆盖DOM Level 2事件处理的实现是使用方法addEventListener(eventType, listener, u
jquery事件on对于未来元素失效的解决办法
不明所以
07-25 4595
替代 未来元素 live() 方法的on()方法，正常写法 $('.cla').on('click',function(){ alert('aa'); }); 发现以上写法不能将事件绑定到动态创建的对象上，更改后的写法为 $(document).on('click','.cla',function(){ alert('aa'); }); 此写法验证可行，道理是 是通过前
javascript事件监听机制（二）——jquery的Event对象
u013237862的博客
04-08 5406
jQuery封装了浏览器的事件监听方法，兼容了各个浏览器的区别，对外提供一套适合于jquery对象的事件监听接口。Event对象的核心方法主要有三个，add，remove和trigger。 elem对于事件的维护，是通过在elem的内部空间里（_data访问的），用一个events对象来实现的 { events：{'click':handleObj, 'focusin':handleObj
jQuery.event自定义事件机制-jQuery.event.special范例
热门推荐
huangxy10的专栏
10-25 1万+
什么时候要用到自定义函数？有些浏览器并不兼容某类型的事件，如IE6～8不支持hashchange事件，你无法通过jQuery(window).bind('hashchange', callback)来绑定这个事件，这个时候你就可以通过jQuery自定义事件接口来模拟这个事件，做到跨浏览器兼容。 原理 jQuery(elem).bind(type, callbakc)实际上是映射到 jQ
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值