Javascript TIPS No.6 ボタンが押されたら、クリップボードの中身を取得する「clipboardData.getData」

  • クリップボードの中身をアラートメッセージで表示させるコードです(IE限定)
  • 間違っても、bodyのonLoad時にクリップボードの中身を取得して、phpでサーバーに保存するような物を作ってはいけません(笑)

文法(clipboardData.getData)

clipboardData.getData("Text");

サンプルコード

<html lang="ja-JP">
<title>クリップボードの中身をチェックする</title>
<script type=text/javascript>

function clipboardCheck(){
alert(window.clipboardData.getData("Text"));
}

</script>
</head>
<body>
<input type="button" onClick="clipboardCheck()" value="あなたのクリップボードの中身は・・・">
</body>
</html>

サンプルを見る

解説

  • サンプルでは、ボタンがクリックされた時、関数(clipboardCheck)を呼び出し、実行しています。

html側の処理

  • ボタンがクリックされた時(onClick)、関数(clipboardCheck)を実行する
<input type="button" onClick="clipboardCheck()" value="あなたのクリップボードの中身は・・・">

Javascript側の処理

function clipboardCheck(){
alert(window.clipboardData.getData("Text"));
}