如何處理帶骨幹的輸入文本「粘貼」事件

Question

如果用戶在輸入文本元素中寫入或粘貼字符串，我試圖通過Backbone將數據發送到服務器。

的骨幹事件

我覺得這樣的事情，但它不工作：

events:{ 
    "click .close":"closeResults", 
    "keypress input":"fetchData", 
    "paste input":"fetchData" 
}, 
fetchData:function (e) { 
    var $this = this; 
    window.setTimeout(function() { 
     if ($.trim(e.target.value).length >= 3) { 
      console.log(e.target.value); 
      $this.collection.fetch({data: {limit: 10, term:$.trim(e.target.value)}}); 
     } 
    }, 0); 
} 

Answer 1

如果您切換到使用keyup事件，而不是keypress和paste，它會粘貼通過鍵盤工作（ ⌘ + v或Ctrl + v）並正常打字。

如果使用input事件，即使您右鍵單擊並粘貼（除了與keyup相同的預期行爲以外），它也會起作用。

上 input

更多信息： https://developer.mozilla.org/en-US/docs/Web/API/window.oninput

Answer 2

看一看

e.originalEvent

_paste_plain_text : function (e) { 
    e.preventDefault(); 
    var text = e.originalEvent.clipboardData.getData("text/plain"); 
    document.execCommand("insertHTML", false, text); 
} 

Answer 3

使用KEYUP和鼠標離開（而不是輸入）事件處理程序，這樣它會也可以在IE中工作

另請參閱How to detect right mouse click + paste using JavaScript?

events:{ 
    "keyup input":"fetchData", 
    "mouseleave input":"fetchData" 
},