龙空技术网

解决IE下a标签点击有虚线边框的问题

恒星网络 53

前言:

眼前大家对“js触发a标签点击事件”大概比较讲究,看官们都需要学习一些“js触发a标签点击事件”的相关知识。那么小编在网络上搜集了一些有关“js触发a标签点击事件””的相关文章,希望小伙伴们能喜欢,同学们快快来学习一下吧!

在IE浏览器下,a标签会出现的虚线边框问题:

上图中,红线包裹的就是一个翻页的按钮,按钮实际是html的a标签做的,鼠标点击翻页按钮会加了一个虚线的边框

去掉虚线边框方法:

可以这样写,但是这样写还不是很完美,在页面中调用JS 动作比较频繁的话,页面会变得卡顿;

解决方法可以写成下面这样:

写在A里,不管是鼠标放上,鼠标点击,还是默认,都会执行 star:expression(this.onFocus=this.blur());, 这个代码相对于IE来说就是一个CSS的动作调用,和JS原理一样,页面资源耗不起,也算是IE的BUG吧~~~我们实现的效果是要点击的时候没有虚 线,所以就写在a:active里就可以了,意思就是点击时才执行,才去掉虚线框。这样鼠标在放上A和默认的情况下就不会卡。

要同时兼容IE和火狐浏览器,样式直接写成以下就可以:

标签: #js触发a标签点击事件 #ie10cssexpression #css border 虚线 #html虚线框标签 #html中加一条虚线