오늘, JS의 올바른 마우스 버튼을 기록하고 먼저 구현 원리를 분해하겠습니다.
1. 마우스 오른쪽 버튼 클릭 기본 이벤트를 차단하십시오. (내가 수정 한 것은 기본 이벤트라고 생각했습니다)
2. UL에서 숨기고; (나는 이것이 Div, Sweat에 합당하다고 생각했다)
3. 마우스의 오른쪽 클릭에 대한 응답 및 숨겨진 ul을 표시합니다.
4. 마우스를 다시 클릭 한 후 UL이 다시 숨겨져 있습니다.
이 관점에서 볼 때 훨씬 쉬운가요? 먼저 코드를 넣습니다.
HTML 부분
<ul id = "testright"> <li> <a href = "#"> start </a> </li> <li> <a href = "#"> pause </a> </li> <li> <a href = "#"> 예배 </a> </li> </ul>
JavaScript 부분 :
wind var title = forright.getElementsByTagName ( "li"); for (var i = 0; i <title.length; i ++) {title [i] .onmouseover = function () {this.classname = "active"; // 실제로 다른 이벤트를 호출 할 수 있습니다}; title [i] .onmouseout = function () {// 이것은 마우스의 두 이벤트입니다. this.classname = ""; }; } documb forright.style.left = event.clientx+"px"; forright.style.top = event.clienty+"px"; // 마우스 좌표 return false; // 여기서 거짓이 거짓말은 기본 이벤트를 차단하는 것입니다}; document.onclick = function () {// 더 생생하게 forright.style.display = "none"을 모방하는 것입니다. }; };먼저 오늘 레코드의 가장 중요한 부분을 살펴 보겠습니다. 문서가 있으면 기본 이벤트를 차단하는 것입니다. 우리가 다른 것을 쓰지 않으면, 우리는이 사건에서 다음과 같은 것처럼 반환 만 씁니다.
document.oncontextMenu = function () {return false; }이런 식으로 마우스 오른쪽 버튼을 클릭하면 응답이 나타나지 않습니다. 그런 다음 돌아와서 전체 이벤트 응용 프로그램을보십시오. 이 행사를 제외하고 나머지는 더 친숙한 이벤트이지만, 이런 종류의 이벤트 통합은 항상 부족합니다. 열쇠는 창의성에 대해 생각하는 것입니다. 그러나 너무 많은 곳이 어디에 있든 먼저 해보자. 그러나 나는 3 천시를주의 깊게 읽고 싶다. 나는 그것들을 쓰고 그냥 물어보고 싶지 않다. 말 자세, 말 자세, 말 자세 ...