Chrome和輸入事件

Question

我有一個文本框，我試圖在輸入時觸發一個事件（我的下面的示例只會從輸入中刪除一個逗號，但我確實需要它來做更多的事情）。我的代碼在Firefox和Internet Explorer上效果很好，但是當我點擊進入Chrome中的文本框時，我有大約0.5秒的時間開始輸入，否則我失去了焦點。在我的網站上測試下面的確切代碼會產生錯誤。任何想法？

<input type="text" id="question" name="question" oninput="clean(this);" /> 

<script type="text/javascript"> 
    function clean(q){ 
     q.value=q.value.replace(",",""); 
    } 
</script> 

感謝所有幫助

Answer 1

幸得ComFreek和RobH指點出來，它適用於JS擺弄就好了。我不想先嚐試它，我覺得很愚蠢。原來，頁面上的其他一些Javascript文件導致觸發器中斷。感謝大家的幫助！

Answer 2

你可以嘗試設置一個計時器來運行該函數的代碼。

<input type="text" id="question" name="question" oninput="clean(this);" /> 

<script type="text/javascript"> 
    function clean(q){ 
     window.setTimeout(function(){ 
      q.value=q.value.replace(",",""); 
     }, 0); 
    } 
</script> 

Answer 3

如果你打算做一些複雜的事情，我建議你使用jQuery，因爲會解決這個跨瀏覽器的錯誤。

，並使用類似：

$('#input-desired').bind('keyup', function() { 
    this.value = this.value.replace(',', ''); 
}); 

如果你想要去的一個簡單的應用程序，你可以試試這個。

<input type="input" id="desired" onkeyup="desiredInputChanges(this);" /> 

在你的JavaScript文件中使用類似：

desiredInputChanges = function (input) { 
    input.value = input.value.replace(',', ''); 
} 

只是注意，不要忘了做一個功能是你的類和保護你的方法:)

Answer 4

嘗試使用<input onkeyup="clean(this)">，它只會在輸入內容後纔會觸發該功能。

http://www.w3schools.com/jsref/event_onkeyup.asp