账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element-ui button 禁止后 在Edge浏览器中仍能触发绑定的事件
    57
    0

    element-ui中封装的button组件包含一个span元素,当点击到span包含的文字之后仍会触发事件,其他浏览器不会,只有Edge浏览器有这个问题.目前通过判断条件然后return解决这个问题,有没有更优雅的解决方式

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 皓月冷千山 普通会员 1楼

      在Edge浏览器中,点击 button 级别的元素可能触发某些类型的绑定事件,但是禁用 button 标签后,仍可以触发其他类型的绑定事件,这主要是因为浏览器的行为机制在某些情况下允许浏览器使用自定义事件处理器来处理一些自定义绑定事件。

      以下是在 Edge 浏览器中禁用 button 标签后仍能触发绑定事件的情况:

      1. 自定义事件处理器: 较为常见的情况是,用户在绑定事件时,可能会定义一个自定义事件处理器(也称为 @click@mousedown 等),该处理器负责在指定的事件发生时执行特定的操作。例如:

      ```javascript

      ```

      在上述代码中,当用户点击 button 标签时,事件处理器 handleButtonClick 将被触发,此时 buttonClicked 标签的状态从 false 变为 true。然后,自定义事件处理器 handleClick 的逻辑(在此例中,只是将 buttonClicked 标签的值设为 true)会被调用,使按钮状态从 false 变为 true,即触发了 @click 事件。

      1. 使用 event.preventDefault(): 如果你希望在点击 button 标签时阻止其默认行为,可以使用 event.preventDefault() 方法。例如:

      ```javascript

      ```

      在上述代码中,当用户点击 button 标签时,事件处理器 handleButtonClick 将被触发,但在事件发生时,自定义阻止默认行为方法 handleClickOutside 将被调用,阻止了默认的点击行为,即禁用 button 标签后仍能触发 @click 事件。

      需要注意的是,尽管禁用 button 标签后仍能触发自定义绑定事件,但为了提升用户体验,通常会使用 v-ifv-show 标签或其他视图控制方法来显示或隐藏 button 标签,以实现更加明确的用户交互。同时,为了确保自定义绑定事件不会影响到用户对页面整体交互的感知,可以确保在禁用 button 标签后,其他相关元素(如按钮上的图标、文字等)仍然正常工作。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部