javascript_form 효과 아래 요소에 이벤트를 추가하는 방법 및 코드

가장 간단한 방법은 다음과 같습니다.


onclick 이벤트를 동적으로 추가합니다.




익명 함수를 사용하는 경우 function(){} ,





위 메소드는 실제로 동일한 원칙을 가지며 모두 onclick 속성의 값을 정의합니다. obj.onclick이 여러 번 정의된 경우(예: obj.onclick=method2; obj.onclick=method3) obj.onclick=method3의 마지막 정의만 적용됩니다. 그리고 처음 두 정의는 마지막 정의에 의해 덮어씌워졌습니다.

IE에서 AttachEvent를 살펴보세요.




실행 순서는 method3 > method2 > method1이며, 선입, 후출이며 변수와 유사합니다. 스택에서. AttachEvent의 첫 번째 매개변수는 on으로 시작하며 onclick/onmouseover/onfocus 등이 될 수 있다는 점에 유의해야 합니다.

IE에서 AttachEvent를 사용한 후 (확인 없이) 사용하는 것이 가장 좋다고 합니다. detachEvent를 사용하여 메모리
Firefox에서 addEventListener를 살펴보세요.



<script> <BR>var bObj=document.getElementById("bu"); <BR>bObj.onclick= objclick; <BR>function objclick(){alert(this.value)}; <BR></script> <script> <BR>var bObj=document.getElementById("bu"); <BR>bObj.onclick=function(){alert(this.value)}; <BR></script>ff의 실행 순서가 method1 > method2 > method3임을 알 수 있습니다. , IE의 정반대, 선입선출 방식입니다. addEventListener에는 세 개의 매개변수가 있다는 점에 유의해야 합니다. 첫 번째 매개변수는 클릭/마우스오버/포커스 등과 같이 "on"이 없는 이벤트 이름입니다. <script> <BR>var bObj = document.getElementById("bu"); <BR>bObj.attachEvent("onclick",method1); <BR>bObj.attachEvent("onclick",method2); <BR>bObj.attachEvent("onclick",method3); <BR>function method1(){alert("第一个alert")} <BR>function method2(){alert("第二个alert")} <BR>function method3(){alert("第三个alert")} <BR></script><script> <BR>var bObj = document.getElementById("bu"); <BR>bObj.addEventListener("click",method1,false); <BR>bObj.addEventListener("click",method2,false); <BR>bObj.addEventListener("click",method3,false); <BR>function method1(){alert("第一个alert")} <BR>function method2(){alert("第二个alert")} <BR>function method3(){alert("第三个alert")} <BR></script>