首页
学习
活动
专区
工具
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

94410

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代码里面这样获取标签的 ?

50130
  • JavaScript中的Callbacks

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

    50540

    也谈 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

    也谈 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

    【译】JavaScript中的Callbacks

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

    90820

    从零开始学 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

    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

    StackOverflow上关于JavsScript的热门问答

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

    1.3K71

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

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

    65830

    JavaScript中的链式调用

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

    88810

    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.5K70

    JavaScript中的链式调用

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

    4.1K30

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

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

    3K10

    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

    3K70

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

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

    4K70
    领券