から選択する <img> 要素プログラムにJavaScriptを使用?
-
02-07-2019 - |
質問
私は <img>
HTML文書を紹介したいと思いとしても、ユーザーがさまの使用はできません。があるのではなJavaScriptを使用?
私だけですMozillaが、すべての情報を歓迎いたします。
編集:理由はたい画像を選択して実際にいることが強調されができるよう、そのコピーを選択した画像、クリップボードを使用XPCOM.そのimg実際のを選択する必要があること。
解決
以下に例を示しますを選定する最初のイメージのページのスタックオーバーフローのロゴまでこのページを開いているのがfirebug):
var s = window.getSelection()
var r = document.createRange();
r.selectNode(document.images[0]);
s.addRange(r)
関連するドキュメンテーション
他のヒント
おもしてください。removeAllRanges()の前にsです。addRangeしていただきます。
なんと、正確に、しようと考えているのだろうか。使用している場合は、XPCOMいると考えられる文書アプリケーションや拡張のため一;できなあなただけのイメージデータのクリップボードに直接?
私個人の選択肢を選択す要素はjquery:
その要素の選択肢:
$("img#YOURIMAGEHERE").focus();
を入れ替えることができる"ソースの画像は、img.src="otherimage.png";
ったこの時、あいプリロードします。
も特別な属性のイメージ要素などのスワップ-画像="otherimage.png"、検索のための任意の要素があったので、ハンドラが自動的にスワップの画像は...できるいくつかの楽しいんですよ。
また誤解の問題です!が良くの方に興味を持っていただけたらいてうれしかった話をしているここでは一例ですのう(原実装を提供している枠組みを利用していjQueryを改善すので、何かを取得します):
<html>
<body>
<script language="javascript">
function swap(name) {
document.getElementById("image").src = name;
}
</script>
<img id="image" src="test1.png"
onmouseover="javascript:swap('test0.png');"
onmouseout="javascript:swap('test1.png');">
</body>
</html>
の基本的な考え方を強調表示"の"ソリューションでもokですが、ほとんどの場を設定する"静"ボーダースタイル(css)のためのimgと同じ寸法として一定の見方はしませんがサイズ変更.
また、この変更された場合に呼び出"ハイライト)"の機能のデフ"のハイライト(obj)"をスキップすることができ"。getElementById()"コールの仕様の"id"属性"img")とだ"obj.ます。ボーダー"です。
ほとんどの場合もスペル"ハイライト"を使ってます。
のimgタグのようなものなのか。使用書類です。getElementById('id').
<script type="text/javascript" language="javascript">
function highLight()
{
var img = document.getElementById('myImage');
img.style.border = "inset 2px black";
}
</script>
<img src="whatever.gif" id="myImage" onclick="hightLight()" />
編集::ございます。焦点となった。