- 締切済み
クリックとダブルクリック
ＨＰをつくっています。１つの枠内で４つの画像を用意し、クリックによって選択させたあと、選択した画像の動画の上でダブルクリックすると動画を再生する処理を考えているのですが、 ダブルクリックしたにも関わらず、画像が２回クリックした時と同じように先に進んでしまう。（例えば、Ｂを再生しようとダブルクリックするとＤが再生される） どう対処したらいいか見当が付きません。宜しくお願いします。以下、参考までにソース添付。 <html> <head> <script type="text/javascript"> var IMG=new Array(); IMG[1]=new Image();IMG[1].src="gazo/kao1.jpg"; IMG[2]=new Image();IMG[2].src="gazo/kao2.jpg"; IMG[3]=new Image();IMG[3].src="gazo/kao3.jpg"; IMG[4]=new Image();IMG[4].src="gazo/kao4.jpg"; var EIZO=new Array(); EIZO[1]="eizo1.avi" EIZO[2]="eizo2.avi" EIZO[3]="eizo3.avi" EIZO[4]="eizo4.avi" var a="";var cnt=0; function kawaru(){ if(cnt==4){ cnt=1; } else{ cnt+=1; } document.getElementById("test").src=IMG[cnt].src; v_na=EIZO[cnt]; } function saisei(){ window.scroll(0,0); var v_html; v_html='<embed src="http://HPurl/'+v_na+'" border="1" width="805" height="417" ShowControls="0"></embed>' document.getElementById("koko").innerHTML=v_html; } </script> </head> <body> <span id="koko"></span> <img id="test" src="gazo/ojisan2.png" onClick="kawaru()" ondblClick="saisei()"> </body> </html>
- kirinuma
- お礼率75% (18/24)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- dscripty
- ベストアンサー率51% (166/325)
じゃ、もう少しだけ。 2) setTimeout() https://developer.mozilla.org/ja/DOM/window.setTimeout 3) clearTimeout() https://developer.mozilla.org/ja/DOM/window.clearTimeout
- dscripty
- ベストアンサー率51% (166/325)
こんな感じ！ 1) ダブルクリックの最大待ち時間を決める。 2) クリックの処理は、1) の時間が経過するまで保留。 3) ダブルクリックの処理で、保留したしたクリックの処理をキャンセルする。
補足
回答ありがとうございます。すみません。できればもう少し詳しく。 m(..)m
お礼
どうもありがとうございました。