按钮内有span元素时，点击事件不起作用（只有在靠近边框的地方才起作用）
创始人
2024-11-04 03:00:19
0次
  1. 使用CSS将span元素的z-index值设置为-1，使其不会挡住按钮，从而让点击事件可以正常触发。 代码示例：

button span{ z-index: -1; }

  1. 给按钮添加click事件，当点击事件发生时，找到最近的父元素是按钮的元素，将其作为实际的触发者来执行操作。 代码示例：

document.querySelector('button').addEventListener('click', function() { var target = event.target; while (target.tagName !== 'BUTTON') { target = target.parentNode; } // 实际的点击事件操作 console.log(target.innerHTML); });

注意：第二种方法需要注意性能问题，因为需要递归到最上层的元素才能确定实际的触发者，可能会影响页面性能。

上一篇：按钮内容在内部控件模板中不显示

下一篇：按钮OnAction的NullPointerException

相关内容

热门资讯

据悉！约局吧德州透视，德普之星... 据悉！约局吧德州透视，德普之星透视辅助软件，都是是真的有挂（有人有挂）小薇（辅助器软件下载）致您一封...
今日百科！aapoker辅助插... 今日百科！aapoker辅助插件工具，pokemomo辅助工具，原来是真的有挂（有挂教程）1、玩家可...
最新消息！智星菠萝辅助，德普辅... 最新消息！智星菠萝辅助，德普辅助软件，真是是真的有挂（真是有挂）1、每一步都需要思考，不同水平的挑战...
如何分辨真伪！hardrock... 如何分辨真伪！hardrock透视工具，hh poker透视器下载，原来真的是有挂（果真有挂）1、完...
于此同时！德州局透视脚本免费版... 于此同时！德州局透视脚本免费版下载手机版，德扑软件，原来真的是有挂（有挂功能）在进入德扑软件软件靠谱...
今日公布！aapoker破解侠... 今日公布！aapoker破解侠是真的吗，微扑克游戏辅助器，原来真的是有挂（有挂助手）1、进入游戏-大...
攻略辅助挂！wpk有辅助器吗，... 攻略辅助挂！wpk有辅助器吗，德普之星透视辅助软件是真的吗，一贯真的是有挂（竟然有挂）1）德普之星透...
传递经验！wepoker辅助是... 传递经验！wepoker辅助是真的假的，wepoker免费透视脚本，一直有挂（果真有挂）1、wepo...
经核实！哈糖大菠萝开挂，德普之... 经核实！哈糖大菠萝开挂，德普之星透视辅助，其实存在有挂（有挂教程）1、不需要AI权限，帮助你快速的进...
玩家必看科普！pokemmo手... 玩家必看科普！pokemmo手机版脚本免费，wpk模拟器是什么，总是是有挂（有挂猫腻）玩家必看科普！...