簡體   English   中英

如何將Focus設置為eventListener的tizen Web應用程序文檔對象? (JavaScript)的

[英]How to set Focus to tizen web app document object for eventListener? (Javascript)

我正在開發帶邊框輸入的手表Tizen Webapp。 為了偵聽HTML文檔上的擋板旋轉事件,我使用了以下代碼:

rotaryDetentCallback = function rotaryDetentHandler(e) {
    var direction = e.detail.direction;
    if (direction === "CW") {
     alert("<-");
    } else if (direction === "CCW") {
     alert("->");
    }
}; 
document.addEventListener("rotarydetent", rotaryDetentCallback, false);
  console.log(document.hasFocus());//returns true

$('select').on('change', function(){
  console.log(document.hasFocus());  //Prints false
  document.activeElement.blur();     //doesnt work
  window.focus();                    //doesnt work
  document.focus();                  //retuns error
});

rotarydetent偵聽器工作得很好,但是當我在運行時更改App中的任何Select元素后,文檔將失去焦點,並且該事件不再觸發。

選擇更改后如何將焦點重新回到document對象?

PS: Tizen可穿戴式Web應用程序上Select Tag的標准UI也使用邊框,因此我想它會從文檔中獲取eventListener,並且不會將其返回。

沒有這樣的函數document.focus()window.focus()用於將焦點恢復到當前窗口顯然,如果您打開了多個 窗口 ),而不是將其帶回到頁面的內容。

嘗試聚焦document.body或其可聚焦祖先-一個是表單字段鏈接或具有適當的tabIndex屬性

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM