關於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

希望能給遇到這種問題的人有所幫助


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM