2016-11-05 67 views
4

我想按自動向下箭頭鍵時,用戶按下我的CONTENTEDITABLE DIV進入,這裏是我的代碼試圖如何在用戶進入該div時按下按鍵事件?

$('body').on('keypress', '.chat_txt', function(e) { 
     if (e.keyCode === 13) { 
      e.preventDefault(); 
      e.stopPropagation(); 
      $(this).append('\n'); 
      $(this).trigger({ type: 'keypress', which: 40}); 
     } 
}); 

但不幸的是這個代碼是徒勞的。
的jsfiddle https://jsfiddle.net/2q9x4xzm/

+0

[模擬按鍵時使用jQuery(HTTP的://計算器。 com/questions/1468384/simulate-keypress-with-jquery) – Tibrogargan

回答

1

利用以下

var e = $.Event('keypress'); 
     e.which = 40; 
     $('.chat_txt').trigger(e); 

完整代碼可能重複的

$('body').on('keypress', '.chat_txt', function(e) { 
console.log(e.keyCode); 
     if (e.keyCode === 13) { 

      var evt = $.Event('keypress'); 
      evt.keyCode = 40; 
      console.log(evt); 
      $('.chat_txt').trigger(evt); 
      e.preventDefault(); 
      e.stopPropagation(); 
     } 
}); 

}) 

JSFIDDLE

+0

仍然不能正常工作 – Papaa

+0

怪異的....這段代碼實際上工作... [小提琴在這裏](https://jsfiddle.net/anv8yhou/3/) – four

+0

檢查更新的ans它的工作原理:) –

相關問題