JavaScript HTML上でクリップボードを操作する

[WEB][JavaScript HTML上でクリップボードを操作する]
Microsoft Windows 又は Internet Explorer で動作します。
①任意の文字を[テキストボックス]に入力し、すぐ下のボタンをクリック。
[テキストボックス]


※この時点でメモ帳などのアプリケーションにペースト可能
②格納された①のクリップボードの中身を確認します。
③クリップボードの中身をクリアします。
④クリアされたか②で確認して下さい。
JavaScript ソース
<script type="text/JavaScript">

<!--

// JavaScript

function ClipboardDataGet() {
// ******************************
// クリップボードのデータ取得-①
// ******************************

    // 変数格納
    var GetTxt = clipboardData.getData("Text");

        if (GetTxt != null) { // 格納変数に値がある場合
            alert ("クリップボードの中身は[ " + GetTxt + " ]です。"); // メッセージ
        } else { // 格納変数が空の場合
            alert ("クリップボードにはなにもありません!");
        }

}

function ClipboardDataSet() {
// ******************************
// クリップボードへデータ格納-②
// ******************************

    // 変数格納(id="TxtBox")
    // HtmlDocument クラス - GetElementById メソッド
    var SetTxt = document.getElementById("TxtBox").value;
    // クリップボードに格納
    clipboardData.setData("Text", SetTxt);
    // メッセージ
    alert ("[ " + SetTxt + " ]をクリップボードへ格納しました。");

}

function ClipboardDataClear() {
// *********************************
// クリップボードのデータをクリア-③
// *********************************

    // 変数格納
    var ClearTxt = clipboardData.getData("Text");

        if (ClearTxt != null) { // 格納変数に値がある場合
            // クリップボードのデータをクリア
            clipboardData.clearData("Text");
            // メッセージ
            alert ("クリップボードにあった[ " + ClearTxt + " ]をクリアしました。");
        } else { // 格納変数が空の場合
            alert ("クリップボードにはなにもありません!");
        }

}

// -->

</script>
コメント
  • 構文の大文字小文字(英字1byte文字)に区別される(変数は除く
    • function ClipboardDataClear() {
    • var ClearTxt = clipboardData.getData("Text");
    • if (ClearTxt != null) { 
    • else
    • JScriptの場合
  • JScriptのコード(<script language="JScript">~</script>)は
  • <head>~</head>でも
  • <body>~</body>や
  • <td>~</td>でも動作します。
参考
  • clipboardData はオブジェクト(Object)
  • clipboardData.SetData はメソッド(Method)
  • Dynamic HTML <ダイナミック HTML> はカスケーディングスタイルシート(CSS)、JavaScript(Netscape)、JScript(Microsoft)、VBScript(Microsoft)を扱えます。
  • JavaScript(Netscape)とJScript(Microsoft)は別物です。
  • JavaScript + JScript ÷ 2 = ECMAScript(エクマScript)
  • ソースにはHtmlDocument クラス - GetElementById メソッド も使用してます。
clipboardData Object
  • clipboardData
    • clearData
      • Option
    • getData
      • Option
    • setData
      • Option
clipboardData Object
pret = clipboardData.Methods([Option])
Show:Methods Method Description
clearData クリップボードを空にする
getData クリップボードから値を取得
setData クリップボードに値を渡す
clearData Method
pret = object.clearData( [sDataFormat])
Parameters
sDataFormat Option Format
Text Removes the text format.
URL Removes the URL format.
File Removes the file format.
HTML Removes the HTML format.
Image Removes the image format.
getData Method
sRetrieveData = object.getData(sDataFormat)
Parameters
sDataFormat Option Format
Text Gets data formatted as text.
URL Gets data formatted as a URL.
setData Method
bSuccess = object.setData(sDataFormat, sData)
Parameters
sDataFormat Option Format
Text Transfers data formatted as text.
URL Transfers data formatted as a URL.
sData parameter