IE兼容事件函数function(e){}中e的问题

最新推荐文章于 2022-08-24 20:58:21 发布
最新推荐文章于 2022-08-24 20:58:21 发布
阅读量493 收藏
点赞数
分类专栏： 前端小知识之兼容篇 文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42024074/article/details/115339985
版权
本文探讨了在低版本IE浏览器中，`function(e){}`中的`e`作为事件对象无法直接获取的问题。在标准浏览器中，`e`用于保存事件的相关信息，如鼠标坐标。但在IE中，事件信息存储于`window.event`对象。为实现兼容性，需要额外处理。通过`for in`循环可以检查并输出事件属性。注意，`e`的使用可根据是否需要获取事件信息来决定。
摘要由CSDN通过智能技术生成

function(e){}中e在低版本IE浏览器获取问题

简单来说就是指向了当前发生的事件（click、mouseover等等），保存了当前事件的信息。如鼠标点击事件，有鼠标的坐标信息。

其中，e是标准浏览器传递进去的事件参数，低版本IE不会传递，事件参数放置在window.event对象中，所以兼容低版本的IE要加上这句 e = e || window.event;

使用 for in 来输出一点东西：

// An highlighted block
<script type="text/javascript">
			div.onclick = function (e){
最低0.47元/天 解锁文章
像八戒的程序猴
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自定义函数实现IE7与IE8不兼容js中trim函数的问题
01-21
本文实例讲述了自定义函数实现IE7与IE8不兼容js中trim函数的方法。分享给大家供大家参考。具体实现方法如下： <html> <head> <title>test</title> [removed] String.prototype.trim = ...
js 获取子节点函数 (兼容FF与IE)
12-12
代码如下:function getFirstChild(obj) { var result = obj.firstChild; while (!result.tagName) { result = result.nextSibling; } return result; } function getNextChild(obj) { var result = obj.nextSibling;...
事件函数function(e){}中e的问题
liulang68的博客
10-02 313
https://blog.csdn.net/wzj2584454/article/details/78104505 简单来说就是指向了当前发生的事件（click、mouseover等等），保存了当前事件的信息。如鼠标点击事件，有鼠标的坐标信息。
function运行令人吐血的IE JS兼容性问题。。。
weixin_34199405的博客
05-29 388
本文纯属个人见解，是对前面学习的总结，如有描述不正确的地方还请高手指正~     &lt;html&gt;     &lt;head&gt;     &lt;script type="text/javascript" src="/jquery/jquery.js"&gt;&lt;/script&gt;     &lt;script type="text/javascript&qu
码栈开发手册（四）---编码方式开发（IE相关功能函数）
weixin_34122810的博客
05-10 214
2.浏览器相关函数 2.1 J_IE_Create (链接地址,[尝试抓取:否],[是否等待:是],[浏览器类型]) 作用：创建一个IE窗口，返回一个窗口的对象 返回值：返回浏览器对象，用于后续操作 例子： Func Example21() ;默认新建一个IE窗口并打开www.taobao.com链接,声明一个名为$ie的局域变量，装入这个新创建...
Js event事件在IE、FF兼容性问题
01-19
1、window.event IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。 如： 代码如下: <input type=”button” onmousemove=”showDiv(event);”//event不需要加引号 ...
IE中图片的onload事件无效问题和解决方法
12-10
在Web开发过程中，图片资源的加载与处理是一个常见的任务，特别是在需要动态计算布局或实现响应式设计时...这是一个经典的IE兼容性问题，对于需要在不同浏览器下保持一致性的Web应用来说，理解和解决此类问题至关重要。
浏览器对function()的解释顺序问题
千城
04-03 1022
先看看下一段函数的返回结果 f = function() {return true;};   g = function() {return false;};   (function() {      if (g() && [] == ![]) {         f = function f() {return false;};         function g() {return
JS中function(e) 其中的e到底代表什么
fang_my的博客
03-04 1万+
在学习js的时候 我跳过了一部分章节的内容，导致现在学习react的时候很多内容都不知所措，因为这些教程都是建立在它认为你js所有内容都掌握的前提下，当然这是我自身的原因。需要反省。 下面是正题： 我们知道js有很多事件，事件说白了就是 鼠标点击，鼠标移动 ，键盘打字什么的这些人为的操作。 function(e) 其中的e ，如果你单单写一个方法，比如 那么e其实就是一个形参，和你放入ABCDEFG这些，并没有什么不同，其实我感觉大部分人都迷在这里了，e到底是个什么东西！为什么那里面不写其他.
js中事件的function（e）中的e和e.target是什么
最新发布
qq_62693649的博客
08-24 4581
比如此ul包含了3个li元素，事件绑定在ul上，但是当点击li是，打印出来对象的会显示点击来自li。当在一个父元素上绑定了此事件时，但其子元素触发了事件，那么e就指向了子元素，而不是父元素。也可以使用以下方法获取元素的标签名（如li，div），id名，类名等。并且我们可以使用e.target来获取事件触发的元素内容。这个e可以获取具体是哪个元素触发了相关的事件；获取触发事件元素的内容。
全局传参 数据关联 定义全局变量 function 中带e是关键！！！
Khun_HWJ的博客
12-11 169
要注意在function里添加e！！！ 全局传参才有效！！！数据相关联 var gdata = { schterms:'', sorts:'' } //微课学段切换 $('[data-role="select-types"]').click(function(e){ var _this = $(this); $(this).addClass('active').sibling...
父页面调用子页面数据传参，子页面为外部页面内嵌到父页面的iframe中，浏览器滚动条样式自定义
Hzq88888的博客
08-27 129
子页面： var message = {text:"textdata",filePath:'888888'} window.parent.postMessage(message, '*'); 父页面： window.addEventListener('message', function (e) { let data = e.data; console.log(data); if (true){ .
IE浏览器不兼容js中的ES6箭头函数
Anhk丶
04-01 2532
一、如下示例：使用es6语法（不包含Promise） script标签的type的值设为text/babel <script type="text/babel"> const arr1=[1,2,3] const arr2=[...arr1] console.log(arr2); let arr3=arr2.map((x)=>x*2) console.log(arr3)...
IE箭头函数报错(兼容ES6语法)
ydZ157的博客
12-29 1248
polyfill.js下载方法： npm install babel-polyfill --save 页面中引用"polyfill.js" 和 "babel.min.js" JS代码script标签加上 type="text/babel" <script type="text/babel"></script> polyfill.js下载 babel.min.js下载
关于function(e)中的e
热门推荐
杂物堆
04-22 1万+
简单来说就是当前事件（click、mouseover等等），保存了当前事件的信息。如鼠标点击事件，有鼠标的坐标信息等。 以一段代码为例：$(function(){ var x = 10; var y = 20; //这个e是mouseover事件，在这里用到了e.pageX和e.pageY $('a.tooltip').mouseover(function(e){
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值