2016-05-24 9 views
-1

私はidのtextareaOneとtextareaTwoを持つ2つのテキストエリアを持っています。keypress/keyup/keydownイベントの前に貼り付けイベントをトリガーする方法

私はペーストイベントを使用してtextareaOneにモバイル番号を挿入し、解析してテキストエリアに2つ表示します。

また、私はのテキストエリアに手動で電話番号を入力できるようにしています。入力された入力の長さが10になると、私はtextareaTwoで表示しています。

ペースト

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

からkeyup/KeyDownイベント/キープレス

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

私は

CHROME別のブラウザを使用してtextareaOneでレコードを貼り付けようとするたびに:作業例外として

FIREFOX:ペーストイベントではなく、キーアップイベントをトリガします。

いずれか解決策をご提案ください。

+1

クローム50 + Firefoxの46 ...彼らは期待通りの仕事の両方.. https://jsfiddle.net/j1qc18s8/1/ – choz

+0

@choz私は、Firefox 45を使用しています –

+0

http://caniuse.com/ #search = paste – Chay22

答えて

1

なぜさまざまなことをする必要がありますか? このようなことを試してもらえますか?

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

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

私は、入力データを読み込んで検証を行い、textareaTwoに表示するための別の関数を作成しました。私の問題は、textareaOne、Itz呼び出しのキーダウンイベントにレコードを貼り付け、textareaOneに何も貼り付けられないときです。 –

関連する問題