角帶數據觸發=「專注」不工作

Question

的data-trigger重點不是爲我工作...當我點擊這個元素

<span data-content='foo' data-html='true' data-placement='top' data-container='body' data-trigger='focus' bs-popover> 

沒有實際發生。如果我刪除data-trigger='focus'並將其設置爲hover或click，它確實有效。

我正在使用angularjs。 1.2.18和角度綁定：2.2.4

Answer 1

您可以添加一個tabindex屬性以使<span>專注。這也適用於<div>和<table>元素。

tabindex屬性全局屬性是指示如果元素 可以採取輸入焦點（是可聚焦的整數），它是否應該參與到 順序鍵盤導航，以及如果是的話，在什麼位置。它可以 需要幾個值：

• 負值意味着元素應該是可聚焦的，但不應該是通過順序鍵盤導航可達;
• 0表示該元素應該可以通過順序鍵盤導航獲得焦點和可達性，但其相對順序由平臺約定定義爲 ;
• 一個正值，這意味着應該可以通過順序鍵盤導航進行調焦和到達;其相對順序是由屬性的值 定義的：順序遵循tabindex的增加數 。如果幾個單元共享相同的tabIndex，他們 相對順序遵循

遵守以下更改您的標記它們的相對位置......

<span data-content='foo' 
    data-html='true' 
    data-placement='top' 
    data-container='body' 
    data-trigger='focus' 
    bs-popover 
    tabindex='0'> 

看到MDN tabindex source

Plunker - 從文檔剝離演示tabindex