- 57
- 0
element-ui中封装的button组件包含一个span元素,当点击到span包含的文字之后仍会触发事件,其他浏览器不会,只有Edge浏览器有这个问题.目前通过判断条件然后return解决这个问题,有没有更优雅的解决方式
- 共 0 条
- 全部回答
-
皓月冷千山 普通会员 1楼
在Edge浏览器中,点击
button级别的元素可能触发某些类型的绑定事件,但是禁用button标签后,仍可以触发其他类型的绑定事件,这主要是因为浏览器的行为机制在某些情况下允许浏览器使用自定义事件处理器来处理一些自定义绑定事件。以下是在 Edge 浏览器中禁用
button标签后仍能触发绑定事件的情况:- 自定义事件处理器:
较为常见的情况是,用户在绑定事件时,可能会定义一个自定义事件处理器(也称为
@click或@mousedown等),该处理器负责在指定的事件发生时执行特定的操作。例如:
```javascript
Click me ```
在上述代码中,当用户点击
button标签时,事件处理器handleButtonClick将被触发,此时buttonClicked标签的状态从false变为true。然后,自定义事件处理器handleClick的逻辑(在此例中,只是将buttonClicked标签的值设为true)会被调用,使按钮状态从false变为true,即触发了@click事件。- 使用
event.preventDefault(): 如果你希望在点击button标签时阻止其默认行为,可以使用event.preventDefault()方法。例如:
```javascript
Click me ```
在上述代码中,当用户点击
button标签时,事件处理器handleButtonClick将被触发,但在事件发生时,自定义阻止默认行为方法handleClickOutside将被调用,阻止了默认的点击行为,即禁用button标签后仍能触发@click事件。需要注意的是,尽管禁用
button标签后仍能触发自定义绑定事件,但为了提升用户体验,通常会使用v-if或v-show标签或其他视图控制方法来显示或隐藏button标签,以实现更加明确的用户交互。同时,为了确保自定义绑定事件不会影响到用户对页面整体交互的感知,可以确保在禁用button标签后,其他相关元素(如按钮上的图标、文字等)仍然正常工作。 - 自定义事件处理器:
较为常见的情况是,用户在绑定事件时,可能会定义一个自定义事件处理器(也称为
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
