2017-08-06 71 views
1

我有一個場景,我需要把焦點放在疊加層的h1上,而不是放在下一個tabbable元素上。如何防止/停止焦點到下一個輸入文本元素?

第1次輸入文字模糊後,服務呼叫後會顯示覆蓋圖。

每當發生模糊事件時,焦點將轉到下一個tabbale元素,即第2個輸入文本,然後是疊加層的h1。我該如何解決這個問題?

我有一個黑客把焦點放回第1個輸入文本,然後在疊加的h1上,但我不喜歡這個解決方案。

我也試過preventDefaultstopPropagation()哪些不起作用。

+0

難道你的意思是有點像[這](https://jsfiddle.net/230k24y0/)?順便說一句,歡迎來到StackOverflow! – Toastrackenigma

+0

[Tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) – adeneo

+0

以及tabindex不會幫助我在這裏,因爲我有一個巨大的輸入形式。 –

回答

0

嘗試設置的輸入2比tabindex屬性的輸入1 tabindex屬性較低,集中在H1上疊加顯示

+0

我也試過,然後重點是文本輸入第3然後h1的覆蓋。 –

+0

您需要更改方法,然後在適合您的應用程序的其他事件上進行服務調用,而不是模糊事件。 –