為何點擊A標簽沒反應

Jacendfeng 發布于2019-08-01 16:44 / 3805人閱讀

摘要：問為何點擊不能下載。然后也就到下班的時間了，我也就沒繼續深究了總結一波，標簽點擊無反應無非就是以下幾種情況標簽使用不合法屬性寫錯了，標簽沒有回之類的問題。其它圖層將標簽遮擋住了，根本點不到標簽就是上面這種默認事件被阻止了。

??下午做為老大（他是做產品的）讓我嘗試破解一下kodexplorer（一個PHP做的文件管理工具），做為一名前端，完全根本就看不懂PHP。
??就在我裝模作樣在百無聊賴的嘗試的時候，QQ閃了。點開一看，是我一大學同學。

??問:“為何點擊不能下載”。我下意識的讓他給A標簽添加一個download="true"試試。
??回復:“還是不行”

??想想也是正常。download是HTML5給A增加的一個新屬性，作用是告訴瀏覽器這個鏈接的文件以下載的方式處理，download屬性的值就是文件的名稱(個人理解，具體定義可以去w3c搜一搜)。但在沒有這個屬性之前，當A標簽鏈接是瀏覽器不能直接執行或者解析的文件時，默認就會變成下載。這里鏈接的是一個文件，所以應該是下載。是否添加download都該是同一個效果。

??現在我們來看看。那還能有什么原因呢？我馬上想到是js把A標簽的默認事件阻止了。

??然后我還問了問是不是標簽交叉了，標簽交叉不同瀏覽器會有些不同的表現，然后他告訴我并沒了并且發了圖片給我

??所以我認為很有可能是JS阻止了A標簽的默認行為。并告訴了他如何處理。

??然后我倆突然跳出了這個話題，聊了還一會之后。我問剛剛的問題解決了沒有。回答沒有，還是不知道怎么弄。

??這里我get到了一個新玩意，TeamViewer。。。我之前一直都還是使用的QQ遠程，和這個比一下真的差距太大了。連上遠程之后，正好他也是用的Chrome，在Chrome瀏覽器里把A標簽事件移除之后，果斷點擊有有了效果。所以肯定就是事件禁止了A標簽的默認行為。

??其實那個remove我也是今天才發現的，才知道還可以這樣玩。

??最后確定是,div標簽的data-toggle="buttons"引起的，去掉buttons就恢復正常。這邊想去研究一下為啥boostrap會把A標簽的默認行為給禁止了，我嘗試了下載了一個bootstrap引用了一下，對照他的那個結構寫了標簽嘗試了一下，沒有復現出你的那個bug。data-toggle="buttons"在boostrap官網貌似并沒有見過這個值，應該是引用了一些基于bootstrap的插件引起的問題。然后也就到下班的時間了，我也就沒繼續深究了

??總結一波，A標簽點擊無反應無非就是以下幾種情況

標簽使用不合法：href屬性寫錯了，標簽沒有回之類的問題。

其它圖層將A標簽遮擋住了，根本點不到A標簽

就是上面這種默認事件被阻止了。

GPU云服務器云服務器阿里云服務器沒反應阿里云服務器鼠標沒反應阿里云服務器輸入密碼沒反應提交沒反應

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/50710.html

[譯] 為何 Angular 內部沒有發現組件

摘要：本質上，本文主要解釋內部是如何定義組件和指令的，并引入新的視圖節點定義指令定義。大多數指令使用屬性選擇器，但是有一些也選擇元素選擇器。實際上，表單指令就是使用元素選擇器來把特定行為附著在元素上。但是由于編譯器會為每一個原文鏈接：Here is why you will not find components inside Angular showImg(https://segmen...

LiveVideoStack 2019-08-26 11:53 評論0 收藏0
html部分知識點學習

摘要：全部的取值如下關于屬性解釋五元素作用將另一個頁面嵌入到當前頁面中知識點標簽目前已經很少用到。頁面頁面頁面屬性取值空值刷新并返回頂部錨點不會刷新頁面，不發起請求，點了沒反應。一、什么是空標簽沒有閉合的標簽稱為空標簽。一個空元素（empty element）可能是 HTML，SVG，或者 MathML 里的一個不可能存在子節點（例如內嵌的元素或者元素內的文本）的element。 ...

libxd 2019-08-02 16:17 評論0 收藏0
從use strict看JS（二）：函數傳參模式與arguments

摘要：系列系列列表從看一與箭頭函數從看二函數傳參模式與的上一篇說到，對做了以下限定。是另外一個變量，指向不同的值，而這兩個值有相同的類型。函數中，和指向同一個值，更改的就等于更改了的。可以用改進問題是這個在嚴格模式下不能運行。系列系列列表：從use strict看JS（一）：this與箭頭函數從use strict看JS（二）：函數傳參模式與arguments use strict 的 ...

kycool 2019-08-20 15:45 評論0 收藏0
Android 使用fastjson找不到fastjson包問題的解決方法

摘要：但是將導入工程后，在使用時會出現等錯誤消息。初步認為是與自帶的沖突。再運行工程，這個錯誤不再出現了，奇跡般的沒問題了。我的理解是這樣，不知道對不對，歡迎大俠指正。工程中下默認的是，而則應該是。所以按照該文的解決方法，更改就好了。 JSON解析庫有很多，諸如Jackson,Json-lib,org.json,Gson和fastjson等，但是fastjson以其解析速度最快而脫穎而出。詳...

hiYoHoo 2019-08-14 11:38 評論0 收藏0