HTML 标签中onclick事件中的this

编程教程 > WEB > JavaScript (1503) 2025-01-27 10:17:33

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


评论
User Image
提示:请评论与当前内容相关的回复,广告、推广或无关内容将被删除。

相关文章
HTML 标签中onclick事件中的this并非当前元素。而是window。需要获取当前的元素怎么办呢?以下开始讲解。
javascript(js)onclick 传递多个字符变量参数&lt;a title="点击下载附件" onclick="downloadFile(\''+row.url+'\',\''+ro...
javascript中onclick事件传递对象参数,javascript,javascript传递对象参数
前言在其他编程语言中,我们可以通过划分模块,来组织庞大复杂的项目,而JS一开始并没有模块的概念,因为一开始JS的脚本就很简单。后来随着JS的发展,前端要开发的项
spring boot 开发技巧,在开发web项目中跳过thyemeleaf模板/js/css等缓存避免每次修改资源文件都需要重启服务器
该插件是基于bootstrap框架开发的一个table插件,功能强大实用性强展示结果截图:1.下载bootstrap table插件,下载2.导入插件相关的cs
ReactJs入门教程,基础学习
尽管现在前端技术发展飞速发展,各种技术迭代很快,但jQuery还是在一些企业站或者简单网页尝尝用到,本文记录一下学写jQuery插件的内容,愿新手共勉,共同进步
1.创建一个User对象,并且赋予一个说hello的方法var User=function(){ this.sayHello=function(name){ a
简介Spring Cloud Gateway中的全局异常处理不能直接用@ControllerAdvice来处理,通过跟踪异常信息的抛出,找到对应的源码,自定义一些处理逻辑来符合业务的需求
步骤:1、配置文件webpack.config.js:  {     test:/\.css$/,     loader:'style-loader!css-loader'  ...
在国内项目中,阿里的fastjson包因其使用简单功能强大很多人喜欢在项目中使用,我也是其中一员
Js也导出Excel,能在前台导出的话,将会大大减轻数据库的压力
引言AES代表高级加密系统,它是一种对称加密算法
类库方式实现:&lt;!DOCTYPE html&gtl; &lt;html lang="en"&gtl; &lt;head&gtl; &lt;meta charset="UTF-8"...