javascript - react 阻止关注点击

标签 javascript reactjs

<分区>

我的页面上有一组选项卡,单击它们时,会将事件选项卡切换为单击选项卡的值。这很顺利,但是当我看到新的事件选项卡周围有一个蓝色的大焦点框时,我的嘴里有酸味。有没有一种 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 - 按钮的点击事件

javascript - 为什么我的测试在我的( enzyme 模拟事件)同步事件处理程序之前完成?

javascript - 在不知道最小值/最大值的情况下标准化数组值的范围

css - Material UI - 选择下划线颜色

reactjs - 我应该在 React : functional components or class base components? 中使用什么类型的组件

reactjs - 从输入中获取数字时,React 计数器不会增加

javascript - 管理 React 中同级组件之间的许多输入 - 最佳方法?

javascript - 使用 array.prototype 时如何访问数组