Jquery—事件event

最新推荐文章于 2021-08-16 19:49:40 发布

Tiramisu_C

最新推荐文章于 2021-08-16 19:49:40 发布

阅读量796

点赞数 1

分类专栏： Jquery Jquery学习之路文章标签： Jquery 事件

本文链接：https://blog.csdn.net/nongweiyilady/article/details/53857423

版权

Jquery 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

Jquery学习之路

8 篇文章 3 订阅

订阅专栏

常见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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Tiramisu_C

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

jQuery 事件方法

12-13

9. **event对象属性和方法**：在事件处理程序中，`event`对象提供了许多有用的信息，如`event.target`（触发事件的元素）、`event.preventDefault()`（阻止事件的默认行为）、`event.stopPropagation()`（阻止事件...

jQuery基础之Event事件

上善若泪

05-15

6406

目录 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

于风华的小窝

01-04

434

在最近写js的时候，发现了一个代码的兼容性有些问题（ie能跑，火狐不行），心中还在疑惑怎么会这样，不是jquery的跨浏览器兼容做得很好的么，后来查阅官方文档之后才知道是我的使用有问题，记录一下，供自己和各位参考。 1.问题原因问题出现的原因是我在代码中使用了event的srcElement这个属性，这个属性在ie中有，但是在FF中就没有（目前没验证其他的浏览器），所以代码

jQuery事件对象的属性

一刀3段

07-04

307

jQuery在遵循W3C规范的情况下，对事件的常用属性进行了封装，使得事件处理在各大浏览器下都可以正常的运行而不需要进行浏览器类型判断。 1.event.type属性该方法作用是可以获取到时间的类型 [code="js"]$("a").click(function(event){ alert(event.type); //获取时间类型 return false;...

JQuery中的event

hxhdj的博客

06-25

1753

今天尝试仿写个js的demo，其中的一段代码 $("#i").keydown(function(e) {}，很明显这是在给一个id=i的元素添加keydown事件，但是里面的匿名函数中却有了个e参数，对此我查了些资料，总结如下：首先，function(e){}中的e表示当前文档触发的DOM事件，所谓DOM事件是由W3C定义好的，包括：鼠标事件、框架事件、键盘、表单事件等等。而JQuery中的e就是...

jQuery源码分析之Event事件分析

10-29

因此，jQuery通过事件包装（event的包裹）来统一各种浏览器事件对象的属性。具体来说，当一个事件被触发，jQuery会将原生事件对象封装成jQuery自己的事件对象。这个包装过程包括以下几个步骤： 1. 检查事件对象...

jQuery.event兼容各浏览器的event详细解析

10-26

在jQuery中，`.event.fix()`方法是一个非常重要的工具，它能够将不同浏览器的原生事件对象转换成jQuery封装的统一的事件对象。当你使用jQuery处理事件时（例如使用`.click()`，`.mouseover()`等方法绑定的事件），...

Jquery阻止事件冒泡 event.stopPropagation

10-28

总结来说，`event.stopPropagation()`是jQuery中用来控制事件流的重要工具，它允许你在需要的时候精确地控制事件处理流程，避免不必要的事件冒泡到DOM树的上级元素。在编写交互丰富的Web应用时，熟练掌握这一技巧能...

深入理解jQuery 事件处理

10-22

在处理事件时，我们还可以通过jQuery提供的`event.preventDefault()`方法来阻止事件的默认行为，例如在提交表单前进行数据验证等。在结束对事件的处理后，我们可能需要清除绑定的事件处理器，特别是在某些元素或...

【转】jquery的事件对象event简介

z1340954953

11-30

2254

什么是事件对象？如何拿到当前事件的事件对象？事件对象有什么属性？ event.type 属性获取触发事件名 event.data 获取额外数据，可以是数字、字符串、数组、对象 event.target获取当前事件绑定的dom元素注意事件对象常用的方法 event.stopPropagation()阻止事件冒泡什么是事件冒泡? event.preventDef...

jquery的event

影子

08-16

180

<!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事件(Events)介绍

追梦少年

08-11

1145

测试的HTML代码： input type="button" value="Click Me" id="input_button" /> 页面载入： ready(fn)：在HTML完全载入以后执行的函数，相当于JS中加载在标签上面的onload事件，如果已经在标签有了onload事件，则此函数不会运行。 script> $(document).ready(functi

jQuery Event对象的属性和方法

xyjikl

07-16

1431

介绍之前先介绍jQuery的一个方法 jQuery.event.fix(event || window.event); 此方法个浏览器的event对象转换为 jQuery.event; 如果您的事件是通过jQuery方法绑定的，就不需要进行转换了！ jQuery在遵循W3C规范的情况下，对事件的常用属性进行了封装，使得事件处理在各大浏览器下都可以正常的运行而不需要进行浏览器类型判断。

jquery 中event.data的作用

bluedot的专栏

11-19

1663

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自定义事件机制-jQuery.event.special范例