zoukankan      html  css  js  c++  java
  • 关于easyui框架中a标签使用onclick()触发事件偶尔会选项卡消失BUG解决方案

      今天发现公司的一个easyui项目中有个页面会在触发onclick事件时选项卡消失,如下图

    产生BUG后

    产生BUG前

    查找很多地方还有资料不知道哪里出现的问题,看了下框架源码之类的,因为不是专门的前端对应前端代码不是太熟悉,所以也没发现问题,最后使用一行行删除的方法测试,最后发送是onclik加在a标签上的,

    href=“#”所以点击后出现选项卡消失的问题,和onclik无关,最后使用href="javascript:void(0);"解决了这个BUG。

    具体原因经过查找资料发现应该是因为:

    #"包含了一个位置信息

    默认的锚点是#top 也就是网页的上端

    而javascript:void(0)  仅仅表示一个死链接

    所以href="#"点击触发是跳转到网页上端,所以选项卡上去被遮挡住了,而是用javascript:void(0);没有跳转所以没出现这种问题。

    这个应该说不是BUG,只是因为个人所学不精使用 标签不当出现的问题

    href="javascript:void(0);"和href="#“的区别-参考链接:https://www.cnblogs.com/keyi/p/5802608.html   https://www.cnblogs.com/pp-cat/p/4308736.html

    希望能给遇到这种问题的人有所帮助

  • 相关阅读:
    LeetCode 9. Palindrome Number(回文数)
    POJ 1080 Human Gene Functions
    springcloud之gateway
    canal快速入门
    Java8新特性
    vue整合echarts
    vue整合微信支付
    Thymeleaf快速入门
    vue整合阿里云播发器
    vue之vuex
  • 原文地址:https://www.cnblogs.com/zdzdbk/p/10696460.html
Copyright © 2011-2022 走看看