IEとJavaScriptでクリップボードの内容の変更や取得をする方法

MicrosoftのInternet Explorer(IE)では、JavaScriptでクリップボードの内容を取得したり、クリップボードに任意の値をセットすることができます。

クリップボードに文字列をセットする
クリップボードにデータをセットするには、clipboardData.setData()を使用します。

clipboardData.setData("Text", "hoge");

クリップボードの内容を取得する
クリップボードの内容を取得するには、clipboardData.getData()を使用します。

var s = clipboardData.getData("Text");

サンプルコード
クリップボードの内容を表示したり、クリップボードにあたいを書き込むサンプルコードを下記に示します。

<html><head><title>clipboard</title></head>
<body>
<h1>show clip board</h1>
<button onclick="show();">show</button>
<div id="info" style="border: 1px solid black">&nbsp;</div>

<h1>set clip board</h1>
<button onclick="set();">set</button><br>
<input type="text" name="data" value="">

<script type="text/javascript">
function set(){
	var d = document;
	var e = d.getElementById("data");
	if(e) {
		var s = e.value;
		clipboardData.setData("Text", s);
	}
}
function show(){
	var s = clipboardData.getData("Text");
	var d = document;
	var e = d.getElementById("info");
	if(e) {
		e.innerHTML = s;
	}
}
</script>
</body></html>

デモ

clip boardの内容を表示する

clip boardに値をセットする

下記の入力欄にクリップボードに入れた文字列を入れて、ボタンを押してください。

IEでは、動きますが、FireFoxでは動きません。

いつもシェア、ありがとうございます！

もっと情報を探しませんか？

JavaScript

過去ログ

2020 : 01 02 03 04 05 06 07 08 09 10 11 12
2019 : 01 02 03 04 05 06 07 08 09 10 11 12
2018 : 01 02 03 04 05 06 07 08 09 10 11 12
2017 : 01 02 03 04 05 06 07 08 09 10 11 12
2016 : 01 02 03 04 05 06 07 08 09 10 11 12
2015 : 01 02 03 04 05 06 07 08 09 10 11 12
2014 : 01 02 03 04 05 06 07 08 09 10 11 12
2013 : 01 02 03 04 05 06 07 08 09 10 11 12
2012 : 01 02 03 04 05 06 07 08 09 10 11 12
2011 : 01 02 03 04 05 06 07 08 09 10 11 12
2010 : 01 02 03 04 05 06 07 08 09 10 11 12
2009 : 01 02 03 04 05 06 07 08 09 10 11 12
2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12