为何点击A标签没反应

Jacendfeng 发布于2019-08-01 16:44 / 3662人阅读

摘要：问为何点击不能下载。然后也就到下班的时间了，我也就没继续深究了总结一波，标签点击无反应无非就是以下几种情况标签使用不合法属性写错了，标签没有回之类的问题。其它图层将标签遮挡住了，根本点不到标签就是上面这种默认事件被阻止了。

下午做为老大（他是做产品的）让我尝试破解一下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标签

就是上面这种默认事件被阻止了。

云服务器专线服务阿里云服务器没反应阿里云服务器鼠标没反应阿里云服务器输入密码没反应提交没反应

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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