jsクリップボードアプリケーションのclipboardDataの詳細な分析

著者：Eve Cole 更新時間：2025-01-26 15:36:01

注: IE7 および IE8 には Web ページのコピー権限があり、これは「セキュリティ」の「カスタムレベル」スクリプトで設定する必要があります。

クリップボードデータオブジェクト

クリップボードへのアクセスを提供します。

3つの方法

1.clearData(sDataFormat) は、指定された形式のデータをクリップボードから削除します。

2.getData(sDataFormat) クリップボードから指定された形式のデータを取得します。

3.setData(sDataFormat, sData) は、指定された形式のデータをクリップボードに割り当てます。 true を返すと、操作が成功したことを示します。

例

<スクリプト言語="JavaScript">

<!--

var text = "123";

if (!window.clipboardData.setData('Text', text)) // データをテキスト形式で割り当てる

{

alert("コピーに失敗しました!");

}

text = window.clipboardData.getData('Text'); // テキスト形式でデータを取得します。

アラート(テキスト);

window.clipboardData.clearData('Text'); // テキスト形式のデータをクリアします

text = window.clipboardData.getData('Text');

アラート(テキスト);

//-->

</script>

いくつかの方法:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<頭>

<title>JS コードをコピー</title>

</head>

<本文>

<p>

<スクリプト言語="javascript">

関数 copyToClipBoard(){

var ClipBoardContent="";

ClipBoardContent+=document.title;

クリップボードコンテンツ+="";

ClipBoardContent+=this.location.href;

window.clipboardData.setData("テキスト",clipBoardContent);

alert("正常にコピーされました。QQ/MSN に貼り付けて、友達に勧めてください");

}

</script>

<br />

URLを直接コピーする

<スクリプト言語="javascript">

関数copyUrl()

{

var ClipBoardContent=this.location.href;

window.clipboardData.setData("テキスト",clipBoardContent);

alert("コピーが成功しました!");

}

</script>

<br/>

テキストボックスをクリックすると、テキストボックス内の内容がコピーされます

<スクリプト言語="javascript">

関数 oCopy(obj){

obj.select();

js=obj.createTextRange();

js.execCommand("コピー")

alert("コピーが成功しました!");

}

</script>

<br />

テキストボックスまたは隠しフィールドの内容をコピーする

<スクリプト言語="javascript">

関数 CopyUrl(ターゲット){

ターゲット値=myimg.値;

ターゲット.select();

js=myimg.createTextRange();

js.execCommand("コピー");

alert("コピーが成功しました!");

}

関数AddImg(ターゲット){

target.value="[IMG]"+myimg.value+"[/img]";

ターゲット.select();

js=target.createTextRange();

js.execCommand("コピー");

alert("コピーが成功しました!");

}

</script>

<br />

<br/>

スパンタグの内容をコピーする

</script>

<br />

{

var rng = document.body.createTextRange();

rng.moveToElementText(obj);

rng.scrollIntoView();

rng.select();

rng.execCommand("コピー");

rng.collapse(false);

alert("コピーが成功しました!");

}

</script>

コードスニペットは次のとおりです。< br />

<br />

[<a href="#" onclick="copyText(document.all.tbid)">クリックしてコピー</a>]<br/><br/>

[<a href="#" onclick="copyText(document.all.tbid2)">クリックしてコピー</a>]<br/><br/>

</p>

</body>

</html>

別の方法もあります:

関数 copyQQ(qq){

var obj=document.getElementById(qq);

obj.select();

js=obj.createTextRange();

js.execCommand("コピー");

alert("コードは正常にコピーされました!");

}

//コピーした内容を設定し、このWebサイトのURLを追加します

関数 SetCopyContent() {

window.event.returnValue = false;

var content = document.title + "/r/n";

コンテンツ += document.getElementById("txt1").value + "/r/n";

content += "このリソースの由来" + this.location.href;

window.clipboardData.setData('テキスト', コンテンツ);

alert("正常にコピーされました。QQ/MSN に貼り付けて、友達に勧めてください");

}

電話：

次のようにコードをコピーします。

<title>ウィンドウオブジェクト 02 のプロパティ</title>

window.screen オブジェクト: 画面関連の情報を含む画面オブジェクト。

window.clipboardData オブジェクト: クリップボードオブジェクト、クリップボード操作用のオブジェクト。 (Web ページ内ではテキストのコピーまたは書式設定のみがサポートされます)

clearData("Text"): クリップボードをクリアします

getData("Text"): クリップボードの値を読み取ります。IE では Text テキスト形式のみがサポートされます。

setData("Text",value): クリップボードに値を設定します。

ケース: アドレスを友人にコピーします。メモを参照してください。

コピーを無効にする: 本体の oncopy イベントで return false を設定します。

oncopy、onpase イベント: イベントのコピーと貼り付け。ほとんどのコントロールに使用できます。

//画面解像度

関数 screenInfo() {

if (window.screen.width < 1024 || window.screen.height < 768) {

window.alert("あなたのコンピュータは先史時代の製品です!");

戻る;

}

window.alert("あなたの解像度は次のとおりです: " + window.screen.width + " " + window.screen.height);

}

//アドレスを友達にコピー

関数 operClipBoard() {

var divObj = document.getElementById("divClipBoard");

var コンテンツ = divObj.innerText;

content = "コピーしたコンテンツは次のとおりです:" + content + "/r/n リソースソース:" + window.location.href;

window.alert('コピーが成功しました!');

//この属性は、顧客がコピーした後にのみコンテンツを表示します。

window.alert(window.clipboardData.getData("text"));

window.clipboardData.setData("テキスト",コンテンツ);

}

//Webページのコピーは禁止されています

関数forbidCopy() {

window.alert("Web ページのコンテンツは表示できますが、移動できません!");

false を返します。

}

</script>

</head>

//www.VeVB.COM

</div>

<hr />

パスワードを入力してください:

パスワードをもう一度入力してください:

</form>

</body>

</html>

次のようにコードをコピーします。

<タイトル></タイトル>

div には oncopy イベントがありません

本文とテキストボックスにこのイベントがあります

関数 OperClipBoard() {

window.clipboardData.setData("テキスト", window.clipboardData.getData("テキスト") + "/r/nこのリソースの由来:" + window.location.href);

}

プロセス: Oncopy が最初にトリガーされ、トリガー後、コンテンツがペーストボードにコピーされるだけです。2 回処理する必要がある場合は、コンテンツがペーストボードにコピーされるのを待ってから、つまり値の処理後に 2 つの操作を実行します。、

代入動作中

関数copyContent()

{

window.setTimeout("OperClipBoard()", 100);

}

</script>

</head>

<本文>

こんにちは、MyJSWorld!

</div>

<br />

</form>

</body>

</html>