(메모) 마우스 가 원소 로 이동 하면 발생 하 는 이벤트
4537 단어 자바 script
<script src="jquery-2.1.1.js" type="text/javascript"/>
<!-- html html -->
<!--<input type="button" id="btn" value=" " onclick="alert("asdasd")"/>-->
<!---->
<br/>
<input type="button" id="btn" value=" " onclick="try{clickMe();}catch (e){}" ondblclick="dbClick()" onmousemove="mouseMove()" onmousedown="mouseDown()" onmouseup="mouseUp()" onmouseover="mouseOver()" onmouseout="mouseOut()" onmousewheel="mouseWheel()"/>
<script>
// html html this onclick="alert(this.value)"
/* try{clickMe();}catch (e){} 。
HTML ， 。 showMessage() 、 。
clickMe() ， 。 clickMe() 。 ， HTML
try-catch ， */</code></pre>
<pre><code class="language-html hljs"> </code></pre>
<pre><code class="language-html hljs"> </code></pre>
<pre class="has"><code class="language-html"> var btn = document.getElementById("#btn");
function clickMe(){
//alert("btn , html ， html （ ） ");
// event
//console.log("this",this);
console.log("click");
//console.log("event.target:",event.currentTarget,"btn.val():",$("#btn").attr("id"));
}
function dbClick(){
console.log("dbclick");
}
function mouseMove(){
console.log("mouseMove");
}
function mouseDown(){
console.log("mouseDown");
}
function mouseUp(){
console.log("mouseUp");
}
function mouseOver(){
console.log("mouseOver");
}
function mouseOut(){
console.log("mouseOut");
}
function mouseWheel(){
console.log("mouseWheel");
}
</script>
</code></pre>
<p> </p>
<p>// mouseover ->mousemove ->mouseout</p>
<p>// ， mouseover->mousemove->mousedown( mousemove)->mouseup->click->mousemove->mouseout</p>
<p>//mousemove mouse ， 。 ， mousemove</p>
<p>// ， click 。</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>html ， 。 HTML ， ， ， 。 JavaScript ， 。</p>
<p>//DOM0 </p>
<p>// JavaScript ， 。 Web ， 。 ， 。 JavaScript ， 。</p>
<p>// DOM0 。 ， ； ， this 。 。 var btn = document.getElementById("myBtn"); btn.onclick = function(){ <strong>alert(this.id); //"myBtn"</strong> };</p>
<p> </p>
<p>DOM2 </p>
<p>//“ DOM2 ” ， ： addEventListener() removeEventListener()。 DOM ， 3 ： 、 。 true， ； false， 。</p>
<p> </p>
<p>// addEventListener() removeEventListener() ； 。 addEventListener() ，( ) 。<br/> //IE DOM ： attachEvent() detachEvent()。 ： 。 IE8 ， attachEvent() 。</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>//</p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
</div>
</div> 이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Thymeleaf 의 일반 양식 제출 과 AJAX 제출텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
