首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jquery/javascript:function(e){....什么是e?为什么需要?它实际上做了什么/完成了什么?

在jQuery和JavaScript中,函数(function)是一段可重复使用的代码块,可以通过函数名来调用执行。在给定的问答内容中,e是一个函数的参数,它可以是任意的变量名,用于接收传递给函数的参数值。

为什么需要e参数?e参数通常用于事件处理函数中,表示事件对象(event object)。事件对象包含了与事件相关的信息,例如事件类型、触发事件的元素、鼠标位置等。通过e参数,可以在事件处理函数中访问和操作事件对象的属性和方法。

e参数实际上完成了以下几个主要功能:

  1. 获取事件类型:通过e.type可以获取事件的类型,例如"click"、"mouseover"等。
  2. 获取触发事件的元素:通过e.target可以获取触发事件的元素,即事件的目标元素。
  3. 阻止事件默认行为:通过e.preventDefault()可以阻止事件的默认行为,例如点击链接时阻止跳转。
  4. 停止事件冒泡:通过e.stopPropagation()可以停止事件的冒泡传播,即阻止事件向父元素传递。
  5. 获取鼠标位置:对于鼠标事件,可以通过e.pageX和e.pageY获取鼠标相对于文档的坐标位置。
  6. 获取键盘按键信息:对于键盘事件,可以通过e.keyCode获取按下的键盘按键的键码。
  7. 其他功能:事件对象还提供了其他一些属性和方法,用于处理特定的事件需求,例如拖拽、滚动等。

总之,e参数在事件处理函数中起到了传递事件对象的作用,使开发者能够方便地获取和操作与事件相关的信息。在jQuery和JavaScript中,使用e参数可以实现更加灵活和交互性的事件处理。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JQuery 入门学习(完结)

我们可以看到,function(event),所以event这个事件绑定函数的一个参数,指的就是“鼠标掠过”事件对象。     为什么要用这个event?...比如,有的同学直接使用event.target.css('background-color','red'),想这样更改的背景颜色。这样浏览器会报错的,错误td对象不含有css方法。    ...第二个函数也一样,mouseout方法指“鼠标离开”,如果鼠标移开,就把颜色改回以前的颜色。这样就完成了我们这个“变色表格”的制作。...看第一行,我们会发现,event.target.parentNode我认识,但为什么要把放在$()中间?     这就涉及到DOM对象转换成Jquery对象的过程。...在这个javascript大火特火的时代,Jquery无疑是最大的贡献者之一,它可以说是封装了我们开发者最常用的一些javascript函数,并有充分的面向对象风格,使得原本不太好看的javascript

92310

jquary学习(一)jquary简介

目录 为什么学习jQuery 什么jQuery $的作用 作用1: 作用2:$(selector) 作用3: 作用4: 从JavaScript过渡到jQuery 的步骤 为什么学习jQuery A、...JS使用的时候代码比较的臃肿 B、JS获得元素对象的方式比较的单一 C、JS书写的代码浏览器的兼容性比较差 D、JS实现动画的效果比较的麻烦 什么jQuery javascriptQuery(js...jQuery能做的JavaScript也都能做,但使用jQuery能大幅提高开发效率 $的作用 作用1: $(function) 就...就是jQuery的省略写法1.相当于window.onload=function()2.功能比window.onload更强大1)windowonload一个页面只能写一个,但是可以写多个() 而不冲突...过渡到jQuery 的步骤 JavaScript代码里面这样获取标签的 ?

48230

也谈 setTimeout

jQuery 中的轮询 轮询,可能 setTimeout 最典型的用法,jQuery 的兼容IE的 document ready 机制就用到了这个: // jquery 1.9.1 (function...javascript.nwbox.com/IEContentLoaded/ top.doScroll("left"); } catch(e) {...setTimeout 进一步理解 可以更深入的思考: setTimeout( func, 0 ) 延迟 0ms 执行,也就是立刻执行,但为什么还是在重绘之后呢? 重绘肯定会超过 0ms 啊!...jQuery 作者 John Resig 的这篇《How JavaScript Timers Work》通俗易懂地阐述了这个问题…… 以下我对这篇文章的理解: ---- 理解 javasript 定时器的内部机制必要的...可见, setInterval 不管当前在执行什么,他都会强行排队,即使本身还没执行。 最后没什么好说的了,没什么可等,所有的 interval 会立刻执行。

1.3K10

也谈 setTimeout

jQuery 中的轮询 轮询,可能 setTimeout 最典型的用法,jQuery 的兼容IE的 document ready 机制就用到了这个: // jquery 1.9.1 (function...javascript.nwbox.com/IEContentLoaded/ top.doScroll("left"); } catch(e) {...setTimeout 进一步理解 可以更深入的思考: setTimeout( func, 0 ) 延迟 0ms 执行,也就是立刻执行,但为什么还是在重绘之后呢? 重绘肯定会超过 0ms 啊!...jQuery 作者 John Resig 的这篇《How JavaScript Timers Work》通俗易懂地阐述了这个问题…… 以下我对这篇文章的理解: 理解 javasript 定时器的内部机制必要的...可见, setInterval 不管当前在执行什么,他都会强行排队,即使本身还没执行。 最后没什么好说的了,没什么可等,所有的 interval 会立刻执行。

1.5K100

【译】JavaScript中的Callbacks

Array.filter一个接受回调的函数。 现在明白为什么了吧?一旦你知道回调函数是什么,它们就无处不在!...你为什么需要callbacks呢? 为什么使用callbacks 回调函数以两种不同的方式使用 -- 在同步函数和异步函数中。...现在,让我们继续看看为什么我们在异步函数中使用回调。 异步函数中的回调 这里的异步意味着,如果JavaScript需要等待某些事情完成,它将在等待时执行给予的其余任务。...但为什么我们在JavaScript中频繁使用它呢? 要了解为什么异步操作很重要呢?想象一下JavaScript你家中的机器人助手。这个助手非常愚蠢。一次只能做一件事。(此行为被称为单线程)。...结语 今天,你了解到了回调是什么为什么它们在JavaScript中如此重要以及如何使用它们。你还学会了回调地狱和对抗的方法。现在,希望callbakcs不再吓到你了?。 你对回调还有任何疑问吗?

86720

JavaScript中的Callbacks

Array.filter一个接受回调的函数。 现在明白为什么了吧?一旦你知道回调函数是什么,它们就无处不在!...你为什么需要callbacks呢? 为什么使用callbacks 回调函数以两种不同的方式使用 -- 在同步函数和异步函数中。...现在,让我们继续看看为什么我们在异步函数中使用回调。 异步函数中的回调 这里的异步意味着,如果JavaScript需要等待某些事情完成,它将在等待时执行给予的其余任务。...但为什么我们在JavaScript中频繁使用它呢? 要了解为什么异步操作很重要呢?想象一下JavaScript你家中的机器人助手。这个助手非常愚蠢。一次只能做一件事。(此行为被称为单线程)。...结语 今天,你了解到了回调是什么为什么它们在JavaScript中如此重要以及如何使用它们。你还学会了回调地狱和对抗的方法。现在,希望callbakcs不再吓到你了。 你对回调还有任何疑问吗?

46740

HTML5游戏开发实战–当心

当一个玩家做了些事,就会向server发送数据,server将广播一个事件给其它已连接的全部浏览器。让它们知道玩家做了什么。这样就使得制作HTML5网络游戏成为可能。...4.通常,浏览器自上而下载入和渲染内容的。假设JavaScript代码放置在head部分里。会导致JavaScript代码已载入,而文档内容可能还没有载入的情况出现。 其实。...5.jQuery为我们提供了在页面载入完毕后才运行代码的方法,例如以下: jQuery(document).ready(function () { //这里代码 }); $(function...$(document).keydown(function (e) { console.log(e.which); switch(e.which) {...21.JavaScript的parseInt函数的第二个參数可选的。 定义了解析数字的基数。默认情况下,使用十进制,可是当字符串以零開始时。parseInt将以八进制来解析字符串。比方。

1.8K10

从零开始学 Web 之 jQuery(一)jQuery的概念,页面加载事件

一、jQuery的概念 1、什么 JavaScript 库? JavaScript 开发的过程中,处理浏览器的兼容很复杂而且很耗时,于是一些封装了这些操作的库应运而生。...2、常见的 JS 库 常见的JavaScript 库:jQuery、Prototype、MooTools。其中jQuery最常用的一个。 3、什么 jQuery?...jQuery 本身就是一堆 JavaScript 函数,JavaScript 什么的,jQuery 就是做什么的。...毕竟 jQuery 知识 JavaScript 编写的函数库而已,有些功能 jQuery 没有封装,则还需要通过自己写原生 JavaScript 来实现。 5、为什么要学 jQuery?...因为有一些兼容或功能没有封装在 jQuery 里面,必须通过原生 js 操作,所以需要 jQuery对象转DOM对象。当这一步操作之后,再次转回 jQuery 对象,可以更方便的操作页面元素。

1.6K40

前端阿瓜每周速记(2020 第 34 周)

以期同各位相好们,哦,不,同各位同好们分享交流 ~ 为什么速记呢?...非常优秀,背的简直不要太熟,但你有想过为什么要这么划分吗? 这些变量保存在哪里?内存中? 内存的分配策略如何的呢? 为什么内存,不是 CPU?不是外存?...JS 脚本语言,解释型语言,即运行时翻译。不清楚解释型语言和编译型语言的参见这篇。简单来说:解释型语言边运行边翻译,编译型语言翻译后再运行。...简单做了个图: 内存管理 几乎所有的语言的内存管理都要进行下面这三个步骤: 分配你所需要的内存。 使用分配到的内存(读、写)。 不需要时将其释放或归还。...为了不让程序员费心分配内存,JavaScript 在定义变量时就完成了内存分配。———— MDN (os:还用我说什么吗?“JS最好的语言”打在评论中。)

62530

StackOverflow上关于JavsScript的热门问答

做了一些搜索,我意识到有些人添加了“use strict”到他们的JavaScript代码中。有一次,我添加了该声明,错误就停止出现了。不幸的,谷歌并没有透露太多这字符串声明的历史的背后。...当然,一定和javascript如何被浏览器解析有关系,但我不知道效果会怎样。 那么,什么"use strict";所有和它仍然相关联的涵义是什么?...Best Answers: 你不需要通过jQuery就可以达到那个目的。...哪一个正确的?这实际上取决于你想要比较什么。我的建议完全绕过这个问题,只是不使用字符串构造函数创建字符串对象。...为了克隆JavaScript对象,你需要这么做: // 浅拷贝 var newObject = jQuery.extend({}, oldObject); // 深拷贝 var newObject

1.3K71

JavaScript中的链式调用

描述 链式调用在JavaScript语言中很常见,如jQuery、Promise等,都是使用的链式调用,当我们在调用同一对象多次其属性或方法的时候,我们需要多次书写对象进行.或()操作,链式调用是一种简化此过程的一种编码方式.../ 2 实际上jQuery为了减少变量的创建,直接将_fn看做了_jQuery的一个属性。...,为了能够取得返回的元素,那就在原型上定义一个init方法去获取元素,这里为了省事直接使用了document.querySelector,实际上jQuery的选择器构建很复杂的。...的原型指向_jQuery.prototype,虽然会有循环引用的问题,但是相对来说这一点性能消耗并不算什么,由此我们完成了jQuery选择器以及链式调用的实现。.../%E5%8F%AF%E9%80%89%E9%93%BE

86010

37个JavaScript基本面试问题和解答(建议收藏)

如果这样做了,你的代码仍然可以使用$使用闭包技术,如下所示: (function($) { /* jQuery plugin code referencing $ */ } )(jQuery); 5、...为什么或者为什么不?...这种行为也被认为遵循了在JavaScript中将一行开头大括号放在行尾的约定,而不是在新行的开头。如此处所示,这不仅仅是JavaScript中的一种风格偏好。 7、什么NaN?的类型是什么?...这解释了为什么,有点令人惊讶的,1 && 2返回2(而你可能会期望返回true或1)。 20 、下面的代码执行时输出是什么?说明。...(为什么它不显示21的全局值?原因当函数执行时,检查是否存在本地x变量但尚未声明,因此它不会查找全局变量。) 30、你如何克隆一个对象?

2.9K10

JavaScript中的链式调用

描述 链式调用在JavaScript语言中很常见,如jQuery、Promise等,都是使用的链式调用,当我们在调用同一对象多次其属性或方法的时候,我们需要多次书写对象进行.或()操作,链式调用是一种简化此过程的一种编码方式.../ 2 实际上jQuery为了减少变量的创建,直接将_fn看做了_jQuery的一个属性。...,为了能够取得返回的元素,那就在原型上定义一个init方法去获取元素,这里为了省事直接使用了document.querySelector,实际上jQuery的选择器构建很复杂的。...的原型指向_jQuery.prototype,虽然会有循环引用的问题,但是相对来说这一点性能消耗并不算什么,由此我们完成了jQuery选择器以及链式调用的实现。.../%E5%8F%AF%E9%80%89%E9%93%BE

3.9K30

Node.js原理

概述 Node.js是什么 Node 一个服务器端 JavaScript 解释器,用于方便地搭建响应速度快、易于扩展的网络应用。...Node.js 一个可以让 JavaScript 运行在浏览器之外的平台。实现了诸如文件系统、模块、包、操作系统 API、网络通信等 Core JavaScript 没有或者不完善的功能。...什么v8引擎 V8 JavaScript 引擎 Google 用于其 Chrome 浏览器的底层 JavaScript 引擎。很少有人考虑 JavaScript 在客户机上实际做了什么?...那什么事件驱动编程。 事件驱动编程,为需要处理的事件编写相应的事件处理程序。代码在事件发生时执行。 为需要处理的事件编写相应的事件处理程序。要理解事件驱动和程序,就需要与非事件驱动的程序进行比较。... function test1(e){ window.alert("x="+e.clientX+"y="+e.clientY

2.9K70

node.js基本工作原理及流程

概述 Node.js是什么 Node 一个服务器端 JavaScript 解释器,用于方便地搭建响应速度快、易于扩展的网络应用。...Node.js 一个可以让 JavaScript 运行在浏览器之外的平台。实现了诸如文件系统、模块、包、操作系统 API、网络通信等 Core JavaScript 没有或者不完善的功能。...什么v8引擎 V8 JavaScript 引擎 Google 用于其 Chrome 浏览器的底层 JavaScript 引擎。很少有人考虑 JavaScript 在客户机上实际做了什么?...那什么事件驱动编程。 事件驱动编程,为需要处理的事件编写相应的事件处理程序。代码在事件发生时执行。 为需要处理的事件编写相应的事件处理程序。... function test1(e){ window.alert("x="+e.clientX+"y="+e.clientY

4.4K70

小兔JS教程(三)-- 彻底攻略JS回调函数

传进去的目的仅仅是为了在某个时刻去执行。 如果不执行,那么你传一个函数进去干嘛呢? 就比如说对弈下棋,如果你都不想赢,那么你为什么要下棋?...写了一个函数,我虽然没有去执行,但是在我心中已经执行了。 在此我们先不谈那么高大上的境界,先说点俗的,你想想啊,你好不容易写了一个function,你不去执行执行,那你为什么要写呢?...也就是说,加法和减法的逻辑已经实现在函数里面写好了,所以,一旦我们需要做乘法和除法,就不得不修改函数体,对不对。 那与其这样,我们为什么不能把具体的逻辑实现交给用户呢?...我在函数体里面alert一下,肯定会给我弹出一个提示来。为什么会这样呢,毫无疑问,jQuery肯定在里面把这个回调函数执行了。...所以,当你看到别人写回调函数,还加了个参数e,最起码,不要再害怕了,根本不高端,说来说去都是JavaScript的基础知识。

4K70

TypeScript不学?你养我啊

了解TypeScript TypeScript,Type(类型),也就是说它与JavaScript相比更加注重类型,Script则说明TypeScriptJavaScript基础上实现的。...因为JavaScript动态分配数据类型的,比如: let a = 123,那么此时a就被分配成了数值(Number)类型。所以在声明时不需要分配类型,而TypeScript则注重这一点。...let str:string let e:unknown e ='sss' str = e unknown类型实际上一个类型安全的any,unknown类型的变量不能赋值给其他变量 unknown类型赋值给...那么没有返回值的函数怎么写呢 function fn():boolean{ return true } 当然你什么不写也不会错 function fn(){ } 因为什么都不写的时候,Ts自动检测为...(当我们代码规范添加校验之后,有些时候不定义函数的返回值类型的,会报错的) function fn():void{ } 那么undefined、null的返回值用什么

86620
领券