1. ホーム
  2. javascript

jQuery bind to Paste Event、貼り付けられた内容を取得する方法

2023-07-22 19:53:26

質問

jquery token tagitプラグインを持っていて、アイテムを正しく追加するためにpasteイベントにバインドしたいのですが、どうすればよいですか?

このようにpasteイベントにバインドすることができました。

    .bind("paste", paste_input)

...

function paste_input(e) {
    console.log(e)
    return false;
}

実際に貼り付けられたコンテンツの値を取得するにはどうすればよいですか?

どのように解決するのですか?

現代のブラウザで動作する onpaste イベントがあります。ペーストされたデータにアクセスするには getData 関数で clipboardData オブジェクトに渡すことができます。

$("#textareaid").bind("paste", function(e){
    // access the clipboard using the api
    var pastedData = e.originalEvent.clipboardData.getData('text');
    alert(pastedData);
} );

なお バインド バインド解除 は、jQuery 3で非推奨となりました。望ましい呼び出しは になります。 .

現代のすべてのブラウザは クリップボード API .

こちらもご覧ください。 Jqueryでは、貼り付けをどのように処理するのですか?