如何在任何按键/ keyup / keydown事件之前触发粘贴事件

时间:2016-05-24 09:16:23

标签: javascript jquery dom

我有两个textarea有id' s textareaOne和textareaTwo。

我使用粘贴事件在textareaOne中插入手机号码,并在textareaTwo中进行解析和显示。

另外,我允许用户在textareaOne中手动输入电话号码 一旦输入的输入长度为10,我将以textareaTwo显示。

粘贴

$('#textareaOne').on('paste', function (event) {
    var pastedInputData = event.originalEvent.clipboardData.getData('text');
    // validation
    $("#textareaTwo").val(pastedInputData );
    }

keyup / keydown / keypress

    $("#textareaOne").keyup(function(){
       var keycode = (event.keyCode ? event.keyCode : event.which);
       //validation
      $("#textareaTwo").append(enteredInput);
    });

每当我尝试使用不同的浏览器粘贴textareaOne中的记录时

  

CHROME:工作为例外。

     

FIREFOX:触发keyup事件而不是粘贴事件。

任何人都可以建议任何解决方案。

1 个答案:

答案 0 :(得分:1)

为什么你需要做不同的事情? 你能尝试这样的东西吗?

// Copy text
function copyText() {
  $("#textareaTwo").val($('#textareaOne').val());
}

$('#textareaOne').on('paste', copyText);
$("#textareaOne").keyup(copyText);