按钮的onclick事件记录的是i标签而不是按钮本身
创始人
2024-11-03 20:00:16
0次

这个问题通常是由于在按钮内部嵌套了许多标签，而onclick事件被绑定在了i标签上导致的。为了解决这个问题，我们需要将onclick事件绑定到包含按钮的元素上，而不是按钮本身或其内部标签。以下是示例代码：

HTML代码：

JavaScript代码：

// 获取按钮元素和容器元素 var button = document.getElementById('mybutton'); var container = document.getElementById('container');

// 将onclick事件绑定到容器元素上，用e.target来判断点击的是哪个元素 container.onclick = function(e) { if (e.target.tagName === 'BUTTON') { // 如果点击的是按钮元素，则执行代码 console.log('按钮被点击了'); } };

这样，当用户点击按钮时，onclick事件将被触发并执行相应代码，而不会发生错误的情况。

上一篇：按钮的onclick事件调用了函数，但是没有重定向到另一个页面。

下一篇：按钮的onClick事件即使未被点击也会触发

相关内容

热门资讯

每日必看推荐！微扑克全自动机器... 每日必看推荐！微扑克全自动机器人，微扑克如何让系统发好牌（微扑克）都是是真的有挂（揭秘有挂）-哔哩哔...
查到实测辅助！微扑克辅助插件挂... 查到实测辅助！微扑克辅助插件挂，微扑克如何让系统发好牌（微扑克）切实存在有挂（有挂透明挂）-哔哩哔哩...
专业讨论！微扑克透牌真假的，微... 专业讨论！微扑克透牌真假的，微扑克如何让系统发好牌（微扑克）切实是真的有挂（确实有挂）-哔哩哔哩1、...
盘点一款！微扑克辅助，微扑克a... 盘点一款！微扑克辅助，微扑克ai机器人（微扑克）一直是真的有挂（果真有挂）-哔哩哔哩1、进入游戏-大...
每日必看教程！微扑克ai辅助神... 每日必看教程！微扑克ai辅助神器，微扑克透牌（微扑克）竟然真的是有挂（有挂规律）-哔哩哔哩1、操作简...
揭秘一下！微扑克ai机器人，微... 揭秘一下！微扑克ai机器人，微扑克如何让系统发好牌（微扑克）果然真的有挂（详细教程）-哔哩哔哩；1、...
总算了解！微扑克智能ai辅助，... 总算了解！微扑克智能ai辅助，微扑克如何让系统发好牌（微扑克）总是有挂（有挂技巧）-哔哩哔哩1、微扑...
发现一款！微扑克透牌真假，微扑... 发现一款！微扑克透牌真假，微扑克ai机器人（微扑克）确实是真的有挂（真实有挂）-哔哩哔哩1）微扑克透...
玩家必备教程！微扑克辅助插件挂... 玩家必备教程！微扑克辅助插件挂，微扑克透牌（微扑克）确实真的是有挂（有挂技术）-哔哩哔哩1、首先打开...
热点讨论！微扑克发牌机制，微扑... 热点讨论！微扑克发牌机制，微扑克有挂么（微扑克）其实有挂（有挂分析）-哔哩哔哩；1、金币登录送、破产...