No.1ベストアンサー
- 回答日時:
FireFoxの場合、
<img id="IMAGE01" src="img/01.jpg">
<script type="text/javascript">
document.getElementById("IMAGE01").onmousedown=dispXY;
function dispXY(e){
alert(e.pageX+","+e.pageY);
}
</script>
のようにしてみて下さい。
画像の範囲だけにしない場合は、
document.onmousedown=dispXY;
とします。
この回答への補足
教えていただいたように、document.getElementById("IMAGE01").onmousedown=dispXY;
を使ってやってみました。
1回目のクリックには反応したのですが、2回目以降、うまくいきませんでした。
連続してクリックしても座標が取得できるようにするにはどうすればよいでしょうか。
よろしくお願いします。
No.2
- 回答日時:
>2回目以降、うまくいきませんでした。
こちらで試したところでは2回目であっても座標の取得ができます。
どんな風に処理しようとしているのか補足でソースを挙げていただけますか?
なお、9/18日は外出しているので、返事は遅くなるかもしれません。
この回答への補足
お忙しい中、お返事ありがとうございます。
まず、下のページを見ていただけますでしょうか。
http://www.geocities.jp/momosweetpea/scroll.html
スクロールバーで数値を選択するようにしたいのですが、
真ん中のグレーの部分をクリックした時にそのクリックした位置によって、10ずつ増える又は10ずつ減るようにしたいのです。
IEで試した場合はうまくいくのですが、Firefoxで試すと、最初の1クリックのあとうまく動きません。
onloadで呼ぶファンクションの中では
document.getElementById("iLb_m").onmousedown = Mjump;
呼ばれるファンクションMjumpでは
mdx= parseInt(e.pageX);
mdlayx = parseInt(document.getElementById("iLf").style.left);
if(mdx < mdlayx){
new_x = x - 10;
if(new_x < minValue) new_x = minValue;
mmlayx = Math.floor((new_x - minValue) * dx / (maxValue - minValue) + xmin);
document.getElementById("iLf").style.left = mmlayx;
document.getElementById("iLv").innerHTML = new_x;
}else if(mdx > (mdlayx + 7)){
new_x = x + 10;
if(new_x > maxValue) new_x = maxValue;
mmlayx = Math.floor((new_x - minValue) * dx / (maxValue - minValue) + xmin);
document.getElementById("iLf").style.left = mmlayx;
document.getElementById("iLv").innerHTML = new_x;
}
M_flag = false;
return false;
としています。
JavaScriptを習い始めたばかりで、手探りでやっている状態です。
他に全く違ったよい方法があれば、教えていただけますと幸いです。
よろしくお願いいたします。
申し訳ありません!
Mjumpに大事な1行が抜けていることに気がつきました。
x = parseInt(document.getElementById("iLv").innerHTML);
Firefoxで連続してクリックしても大丈夫でした。
すみませんでした。
後は左と右の矢印を押しっぱなしにしている間、
数値が続けて減るようにしなければならないのですが、それもうまくいきません。
もう少し勉強します。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) pythonで、tkinterとpillowの組み合わせ 2 2022/08/16 17:42
- Firefox(ファイヤーフォックス) Firefoxが起動しない原因とカイゼン方法 2 2022/07/19 10:54
- JavaScript jsで質問です。 ボタンが二つ存在し、両方のボタンがクリックされたことをチェックしたいのですが、どの 4 2022/11/22 10:30
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- Java 動かなくなったのでJavaソースを手直しお願いします。 2 2022/04/30 05:35
- Chrome(クローム) Chromeでダウンロードしたファイルを拡張子ごとに取り扱い方法を変更できないんでしょうか? 2 2022/11/19 17:34
- 生物学 脳の記録部位の集計方法について 1 2022/06/11 21:26
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- Mac OS ミュージックのアートワークを自動取得させない方法について 1 2022/11/17 01:12
- JavaScript javaScriptで画面に値を入れるには 1 2022/08/14 12:27
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptでのパスについて
-
画像を入れ替えたい
-
複数画像のランダム複数表示(...
-
ダイアログから画像ファイルは...
-
jqueryのスライドショー。html...
-
テキストにマウスオーバーで画...
-
MAX関数を使ってからLEFT JOIN...
-
htmlの記述で link rel=styles...
-
画像の上に画像リンクを貼る方法
-
スライダーを実装した場合、ペ...
-
背景色を一定時間ごとにランダ...
-
文字を固定したいのですが…
-
javascriptでURLにマウスオーバー
-
[急ぎ] videoタグで埋め込んだm...
-
文字と数字が混在する要素のsor...
-
離れた場所にマウスオーバーで...
-
ホームページビルダー15 メニュ...
-
c++std::string型をTCHARに変換...
-
タブで開いてさらにタブ内をア...
-
1行で左寄せと右寄せと中央揃え...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScriptで変更した属性の元...
-
MFCで画像を表示させているので...
-
画像が表示でnull; this.src
-
error LNK2019 未解決のシンボ...
-
Vb.net2005での画像の合成方法
-
onclickで画面が固まる・・・ら...
-
リンク先を動的に変更する
-
(javascript)HTMLで指定した...
-
【OpenCV】二値画像後、白の部...
-
jQuery 複数のfind()
-
ラズパイでno module named zbar
-
外部javascriptの重複を防ぐには
-
条件分岐でキーが入力されてい...
-
かぶらないランダム画像
-
HTMLからimgのsrcのみを正規表...
-
pythonで、tkinterとpillowの組...
-
OpenCV での画素値の比較について
-
imgボタンにfocusの当て方
-
指定したフォルダの画像を一括...
-
OpenCVでサンプルコードを使う...
おすすめ情報