<分区>
我的页面上有一组选项卡,单击它们时,会将事件选项卡切换为单击选项卡的值。这很顺利,但是当我看到新的事件选项卡周围有一个蓝色的大焦点框时,我的嘴里有酸味。有没有一种 React-y 方法可以防止这种情况发生?
方法中带有 preventDefault() 的 onMouseDown={this.someMethod} 是否有效?
<分区>
我的页面上有一组选项卡,单击它们时,会将事件选项卡切换为单击选项卡的值。这很顺利,但是当我看到新的事件选项卡周围有一个蓝色的大焦点框时,我的嘴里有酸味。有没有一种 React-y 方法可以防止这种情况发生?
方法中带有 preventDefault() 的 onMouseDown={this.someMethod} 是否有效?
最佳答案
逻辑是对的,但设计却让你出问题?在那种情况下,一些 CSS 应该是正确的。
如果你有一个导航栏,CSS 应该是这样的:
.navbar-inverse .navbar-brand:focus {
background-color : red; //Just add the properties you want here
}
如果您只需右键单击并检查该元素,浏览器就会准确告诉您是什么 CSS 处理了选项卡上的焦点。
关于javascript - react 阻止关注点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36188716/
相关文章:
javascript - 使用.load方法监听使用后的点击事件
javascript - 按排序顺序迭代 Javascript 关联数组
javascript - 为什么我的测试在我的( enzyme 模拟事件)同步事件处理程序之前完成?
javascript - 在不知道最小值/最大值的情况下标准化数组值的范围
reactjs - 我应该在 React : functional components or class base components? 中使用什么类型的组件
reactjs - 从输入中获取数字时,React 计数器不会增加