2013-05-13 5 views
0

나는 버튼을 눌러서 오른쪽, 왼쪽, ou가 있으면 이미지를 만들려고합니다. 두 번 클릭하십시오. 이와 같은이미지 링크에서 마우스 누름 감지

는 :

<img id="myImgId" alt="" src="image.jpeg" onmousedown="click(event)"/> 
    <p><span id="click"></span></p> 


<script type="text/javascript"> 
function click(event) 
{ 
    if(event.button==2) 
    { 
     document.getElementById("click").innerHTML="Last Action: Right Click"; 
     document.getElementById("click").value="Last Action: Right Click"; 
    } 
    else if(event.button=0) 
    { 
     if(event.getclickcount() = 1) 
     { 
      document.getElementById("click").innerHTML="Last Action: Left Click"; 
      document.getElementById("click").value="Last Action: Left Click"; 
     } 
     else if(event.getclickcount() = 2) 
     { 
      document.getElementById("click").innerHTML="Last Action: Double Click"; 
      document.getElementById("click").value="Last Action: Double Click"; 
     } 
    } 
} 
</script> 

나는 이미지를 클릭하면이 뭔가 .... 모든

+1

을 참조하십시오. 문제가 ... ...? –

+0

아무 것도하지 않습니다 : < –

+1

우리에게 알려 줘서 고마워. – chead23

답변

1

먼저 할 것이라고 예상하고 있었다, 나는 '당신이 자바 스크립트 ISN을 알고 싶어요 t Java! getClickCount()은 Java 메소드이며 자바 스크립트는 아닙니다. Mouse Events

마지막으로 한가지 :

그런 다음, 당신이 독서를 제안한다. getElementById을 사용하면 HTMLElement를 반환합니다. 이 요소가 스팬 인 경우 해당 innerHTML만큼이면 값을으로 설정할 필요가 없습니다.

당신은 그 세 가지 이벤트 비슷한 일을 할 수 있도록 몇 가지 내장 방법이 여기에 당신에게 다른 클릭의 유형과 HTML 사이의 상호 작용을 보여줍니다 작은 조각이다, 거기에 확인해야하는 경우 :

HTML 부분을

<img id="myImgId" alt="" src="image.jpeg" /> 
<p><span id="click"></span></p> 

자바 스크립트 코드

var myImg = document.getElementById('myImgId'), 
    clickSpan = document.getElementById('click'), 
    events = { 
     click: 'Left', 
     contextmenu: 'Right', 
     dblclick: 'Double' 
    }; 
function changeClickSpanValue(eventType) { 
    clickSpan.innerHTML = 'Last Action: ' + events[eventType] + ' Click'; 
} 
myImg.onclick = function(event) { 
    event.preventDefault(); 
    changeClickSpanValue('click') 
}; 
myImg.oncontextmenu = function(event) { 
    event.preventDefault(); 
    changeClickSpanValue('contextmenu'); 
} 
myImg.ondblclick = function(event) { 
    event.preventDefault(); 
    changeClickSpanValue('dblclick'); 
} 
,

JSFiddle Demo

+0

많은 경험을하지 않고 너무 많은 언어로 너무 많은 장소에서 일할 때 일어나는 일입니다. 정말로 감사합니다 ... –

+0

나는 document.myform.submit();을 추가했습니다. 이를 위해 두 번 클릭을 차단하지 못하도록 왼쪽 버튼에 타이머를 사용하는 방법 –

+0

좀 더 자세히 설명해 주실 수 있습니까? 제출 양식 버튼을 두 번 클릭하지 못하게 하시겠습니까? –