가장 쉬운 것은 다음과 같습니다.
<input type = "button"onclick = "alert (this.value)"value = "나는 버튼입니다" />
동적으로 Click 이벤트를 추가하십시오.
<input type = "button"value = "i is a a in button"id = "bu"> <script type = "text/javaScript"> var bobj = document.getElementById ( "bu"); bobj.onclick = objclick; function objclick () {alert (this.value)}; </script>익명 함수 함수 () {}를 사용하는 경우 다음과 같습니다.
<input type = "button"value = "i is a a in button"id = "bu"> <script type = "text/javaScript"> var bobj = document.getElementById ( "bu"); bobj.onclick = function () {alert (this.value)}; </script>위의 방법은 실제로 동일한 원칙이며 모두 OnClick 속성의 값을 정의합니다. obj.onclick이 다음과 같이 여러 번 정의 된 경우 : obj.onclick = method1; obj.onclick = method2; obj.onclick = method3, 마지막 정의 OBJ.onClick = method3 만 적용되고 이전 두 정의는 마지막 정의에 의해 덮어 씁니다.
IE의 첨부 보도를 다시 살펴 보겠습니다.
<입력 유형 = "button"value = "I am laden"id = "bu"> <script type = "text/javaScript"> var bobj = docum Method1 () {alert ( "First Alert")} function method2 () {alert ( "sec실행 순서는 먼저 스택의 변수와 유사한 방법 3> method2> method1입니다. autdevent의 첫 번째 매개 변수는 onclick/onmouseover/onfocus 등이 될 수 있습니다.
(확인되지 않은 검증) IE에서 AttachEvent를 사용한 후 자유 메모리를 사용하는 것이 가장 좋습니다.
Firefox의 addeventListener를 살펴 보겠습니다.
<입력 유형 = "버튼"value = "i am bush"id = "bu"> <script type = "text/javaScript"> var bobj = document.getElementById ( "bu"); bobj.addeventListener ( "click", method1, false); bobj.addeventListener ( "click", method2, false); bobj.addeventlistner ( ", methings 3"; Method1 () {alert ( "First Alert")} function method2 () {alert ( "sec보시다시피, FF의 실행 순서는 Method1> Method2> Method3이며, IE와 정확히 반대입니다. addeventListener에는 세 가지 매개 변수가 있습니다. 첫 번째는 클릭/마우스 오버/포커스 등과 같은 "on"이없는 이벤트 이름입니다.
JS가 동적으로 추가 된 DIV의 OnClick 이벤트의 간단한 예는 내가 공유하는 모든 컨텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.