HTML 标签中onclick事件中的this

位置:首页>文章>详情   分类: 教程分享 > Java教程   阅读(990)   2023-03-28 11:29:14

HTML 标签中onclick事件中的this并非当前元素。而是window。需要获取当前的元素怎么办呢?以下开始讲解。

首先要标签这是这样的

<a href="#" onclick="on()">

<script>
function on(){
console.log(this);//
}
</script>
大家猜猜上方的this是<a>标签么?
--答案肯定不是的。
这里的this获取到的是window对象

如何才难通过元素的onclick事件绑定获取元素本身呢?

<a href="#" onclick="on(this)">

<script>
function on(obj){
console.log(obj);//
}
</script>
通过传递参数来获取。

原理

this关键字指定的永远是它的拥有者。onclick事件实际是window在操作,所以onclick的事件其实拥有者是window
地址:https://www.leftso.com/article/598.html

相关阅读

HTML 标签中onclick事件中的this并非当前元素。而是window。需要获取当前的元素怎么办呢?以下开始讲解。
javascript中onclick事件传递对象参数,javascript,javascript传递对象参数
前端状态数据展示小技巧
spring boot 开发技巧,在开发web项目中跳过thyemeleaf模板/js/css等缓存避免每次修改资源文件都需要重启服务器
企业软件_企业软件定制开发框架选择以及分类
这里主要讲解下在前端开发中常用的调试日志对象console。console对象对目前国内流行的浏览器如:IE/谷歌/火狐的支持情况说明
问题描述:Cannot open URL. Please check this URL is correct: http://localhost:8080/解决办法​检查上方两个地方得端口是否一致
本文主要说明在spring mvc框架中如何接收前端发过来的集合对象和相关的处理。主要讲解两种方式,form表单提交方式和ajax提交的方式
已封装成为插件欢迎使用及反馈插件下载:(访问密码9987)bootstrap-viewer.zipbootstrap image viewer 图片放大查看实现效果:小图  大图  &lt;!D...
Spring Boot 2.0 - 开发者工具devtools热部署教程(自动重载),如果你曾经在最新的UI开发框架上工作过,比如Node,angular,gulp等等,那么当你在某些代码发生变...