初始化后标记的按钮 - 如何避免这种情况？

Question

我有一个带有JS视图的SAPUI5应用程序。我的细节页面的页脚有问题 - 我在那里创建了一个按钮，初始化后它会在浏览器中标记出来。我不确定这是Google Chrome问题还是我的编码问题。代码并不复杂，所以我不知道在哪里搜索原点。

问题的代码和图像：

＆＃13;

＆＃13;

<Bar>
  <contentLeft>
	<Image src="./images/image1.jpg" height="80%" />
  </contentLeft>
  <contentRight>
	 <Button icon="sap-icon://action-settings" press="handleSettingsButtonPressed" />
  </contentRight>
</Bar>

＆＃13;

＆＃13;

＆＃13;

Answer 1

嗯，你看到的是焦点的可视化，因此帮助用户只用键盘导航。您没有为代码粘贴大量上下文，但如果有一个NavContainer / App控件，它会自动将第一个可聚焦控件聚焦在每个显示的页面中（这将很快变得更加灵活）。

当然你可以通过调用document.activeElement上的blur（）来删除焦点，但我不确定这对用户来说是最好的...

Answer 2

我同意akudev对此的回答。您所看到的是焦点指示器，显示该按钮当前具有焦点。大概你想要有一些东西需要初步关注，但是问题并不是100％清楚你想要与众不同。

如果您希望焦点指示看起来不同，您可以使用CSS修改它（甚至完全消除它）。完全消除它可能会让用户更难以了解正在发生的事情。

如果您希望对话框的其他元素获得初始焦点，则可以使用initialFocus关联来设置所需的元素。