專注和模糊不工作在角

我想檢測當用戶點擊div。我在component.html專注和模糊不工作在角

<div class="h unselected" contenteditable="false" (mousedown)="mousedown($event)" (mouseup)="mouseup($event)" (focusout)="focusout($event)" (blur)="focusout($event)"> 
    Hello 
    </div>

component.ts添加此代碼事件的內容（五）實施（除其他事項外）

focusout(e){ 
    console.log("f out"); 
    }

當我點擊Hello div以外的方法永遠不會被解僱。這是爲什麼？我正在使用Chrome。

來源

2017-09-24 sanjihan

在DIV上設置tabindex更多細節。 tabindex表示它的元素是否可以被聚焦。

<div tabindex="-1" class="h unselected" contenteditable="false" (mousedown)="mousedown($event)" (mouseup)="mouseup($event)" (focusout)="focusout($event)" (blur)="focusout($event)"> 
    Hello 
    </div>

爲什麼-1？

按照Mozilla萬維網文檔：

負值（通常的tabindex =「 - 1」）是指元素應成爲焦點，但通過順序鍵盤導航應該是不可到達的。對於使用JavaScript創建可訪問的小部件非常有用。

tabindex =「0」表示該元素應該在連續鍵盤導航中可對焦，但其順序由文檔的源定義。

正值意味着該元素應該在連續的鍵盤導航中可對焦，其順序由數值的值定義。也就是說，tabindex =「4」將在tabindex =「5」，之前，但在tabindex =「3」之後。如果多個元素共享相同的正值 tabindex值，則它們的相對順序依次爲文檔源中的位置。

來源

2017-09-24 15:36:41 oreofeolurin

並非所有元素都默認支持聚焦。 div就是其中之一。

任何元素可以支持聚焦，如果它具有tabIndex屬性。

所以我會嘗試：

<div tabindex="-1" ...></div

Plunker Example

查看關於tabindexhttps://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex

來源

2017-09-24 15:31:48 yurzui

專注和模糊不工作在角

回答

相關問題