2017-08-24 120 views
0

我目前正在使用科爾多瓦的移動應用程序。我遇到了這樣的問題:我編寫了一個函數來檢測用戶何時輸入到文本輸入字段並按下回車鍵。檢測keydown事件(移動)

下面是JavaScript代碼片段;

<script type="text/javascript"> 
    $(function() { 
     $("#searchForm").on("input", function (e) { 
      e.preventDefault(); 
     }); 
     $("input").on("keydown", function (e) { 
      if (e.keyCode === 13) { 
       var keyField = document.createElement('input'); 
       keyField.setAttribute('type', 'text'); 
       document.body.appendChild(keyField); 
       setTimeout(function() { 
        keyField.focus(); 
        setTimeout(function() { 
         keyField.setAttribute('style', 'display:none;'); 
        }, 50); 
       }, 50); 
      } 
     }); 
    }); 
</script> 

HTML部分;

<form onsubmit="return false" id="searchForm"> 
    <input type="text" id="fieldOne"> 
    <input type="text" id="fieldTwo"> 
    <input type="button" value="Search" id="search" onclick="executeSearches()"/> 
</form>  

此代碼的工作,以達到隱藏的移動鍵盤,但隱藏函數執行時的觀點正在因爲keyField -variable的移動。

是否有任何其他方式可以實現此功能,而不會移動視圖,或者我可以以某種方式確定視圖被移動到哪裏?

回答

1

你缺少「#」,勾選jQuery選擇

$("#searchForm").on("input", function (e) { 
     e.preventDefault(); 
    }); 
+0

指出的那樣,但它仍然無法改變的事實,該視圖按下「Enter」鍵後移動。任何想法來解決這個問題? – IlariM