提示“event”已弃用时解决办法

这篇具有很好参考价值的文章主要介绍了提示“event”已弃用时解决办法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题

我试图使用event.preventDefault()方法,但不断收到错误。它说event已经被弃用了。

 <div id="item" onClick={()=>test(event)} > </div>
“event”已弃用。ts(6385)

提示“event”已弃用时解决办法,问题集锦,javascript,前端,html

原因:

一个单独的问题是为什么会收到“弃用”警告,原因:

https://developer.mozilla.org/en-US/docs/Web/API/Window/event

只读 Window 属性事件返回当前由站点代码处理的事件, 在事件处理程序的上下文之外,该值始终未定义。

您应该避免在新代码中使用此属性,而应使用传递给事件处理函数的 Event。此属性并未得到普遍支持,即使支持也会给您的代码带来潜在的脆弱性。

换句话说,“事件”真的应该作为参数传递给 JS事件处理程序。你不应该使用全局对象;你不应该去使用全局对象。

这里有一些很好的教程:

  • 事件介绍 (MDN.com)
  • JavaScript 事件

解决方法:

问题是您正在尝试使用window事件,而不是传递给onClick回调的事件。

只要这么做

 <div id="item" onClick={(event)=>test(event)} > </div>

警告消息就会消失。文章来源地址https://www.toymoban.com/news/detail-517593.html

到了这里,关于提示“event”已弃用时解决办法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Win11系统提示由于找不到msvcr120.dll文件问题解决办法

    其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或者损坏了,这时你只需下载这个msvcr120.dll文件进行安装(前提是找到适合的版本),当我们执行

    2024年02月11日
    浏览(77)
  • Win11系统提示由于找不到msvcr110.dll文件问题解决办法

    其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或者损坏了,这时你只需下载这个msvcr110.dll文件进行安装(前提是找到适合的版本),当我们执行

    2024年02月15日
    浏览(70)
  • MySQL:提示:The server quit without updating PID file问题的解决办法

    具体什么原因最好的办法是先查看下错误日志: 1、可能是/usr/local/mysql/data/mysql.pid文件没有写的权限  解决方法 :给予权限,然后重新启动mysqld! 2、可能进程里已经存在mysql进程 解决方法:使用“kill -9  进程号”杀死,然后重新启动mysqld 3、可能是第二次在机器上安装mys

    2024年01月25日
    浏览(48)
  • Maven项目打包,出现提示 Lombok 版本和 jdk 的编译器不兼容问题,解决办法。

    class lombok.javac.apt.LombokProcessor (in unnamed module @0x7d21852b) cannot access class com.sun.tools.javac.processing.JavacProcessingEnvironment (in module jdk.compiler) because module jdk.compiler does not export com.sun.tools.javac.processing to unnamed module @0x7d21852b 这些引用都是关于Java编译器插件Lombok的错误信息。Lombok是一个

    2024年02月05日
    浏览(55)
  • 关于微信小程序调用H5腾讯地图API获取定位信息提示失败问题--解决办法之一

    在跳转到H5页面加载腾讯地图API获取定位信息时,“真机调试”、“开发模式”都可以使用 web-view 组件访问我需要的路径。只有“体验版”、“线上版本”会出现这个错误提示。正常加载都是正常的,但是因为腾讯地图API在获取定位信息的同时,会在页面上内嵌一个隐藏的

    2024年04月26日
    浏览(62)
  • 关于git pull时的提示:warning: redirecting to http://xxx.git的问题最好的解决办法

    打开项目文件夹:按下图步骤操作: 1:打开.git文件夹  2. 打开config文件  3.看看config文件里的 url 有没有如下图的 .git 后缀,没有加上就行  

    2024年02月10日
    浏览(43)
  • python3更新pip提示DEPRECATION(使用 distutils 配置文件配置安装方案已弃用)

    一般在使用pip install xxx之后会有黄色的提示信息,提示当前pip版本过低,请升级到最近版本,并给出了升级命令; pip install --upgrade pip -i http://pypi.douban.com/simple/ 提示需要增加 ‘–trusted-host pypi.douban.com’ 输入pip3 -V验证一下pip版本: pip -V OK,更新成功!

    2024年02月13日
    浏览(45)
  • Unity实战问题-WebGL问题集锦第一发

    没接触过好吗;立项设计的时候赶紧恶补了下unity,开发过程中可劲儿的查资料;总算是按计划完成了;记录下遇到的问题,如果你是Unity大神,请选择性忽略 背景环境:Unity 5.4.0f3 (64bit)–激活版 浏览器:Google Chrome 版本:70.0.3538.67         Firefox  版本 63.0.1.6877 在这提

    2024年04月11日
    浏览(39)
  • Unity实战问题-WebGL问题集锦第二发

    Q3:给UGUI精灵或按钮 添加自定义事件响应区域  参考地址https://blog.csdn.net/qq_38190993/article/details/69257990 所有UI都有Image组件,其中有RaycastTarget属性,勾选该属性为true则表示运行时UI精灵会响应相应交互事件,这套UGUI(包括NGUI)是通过射线检测实现的交互响应,那么我们可以

    2024年04月27日
    浏览(34)
  • Arch Linux 使用问题集锦

    以下是本人在使用 Arch linux 过程中遇到的一些问题及解决思路,当前一段时间会不断更新,也会不适当去除某些不再复现的问题。 因断电等原因,再次启动电脑时,硬盘分区偶尔会出现挂载失败的情况,并提示如下所示错误信息: 这是因为硬盘分区的 $MFT 文件出现了问题,

    2024年02月11日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包