Javascript 등록 이벤트_javascript 기술에 대한 간략한 분석

첫 번째는 가장 일반적인 방법입니다.

<p id="para" title="cssrain demo!" onclick="test()">테스트</p>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

언젠가 우리는 JavaScript가 HTML 구조에서 분리된 후에는 다른 방식으로 작성될 것이라는 것을 알고 있습니다.

<p id="para" title="cssrain demo!"> </p>테스트
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

우리는 점점 더 오랫동안 일합니다. 마지막으로 때로는 여러 개의 동일한 이벤트 유형을 요소에 바인딩해야 할 때도 있습니다. <p id="para" title="cssrain demo!"></p> 테스트

[Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

위의 작성 방법을 따르면 두 번째 기능만 출력할 수 있습니다. 이번에는 AttachEvent 메소드를 사용해야 합니다: <p id="para" title="cssrain demo!"></p>
테스트

[Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

In 한동안 이 코드에서 어떤 오류도 발견하지 못했습니다.
어느 날, Firefox라는 브라우저가 여러분의 시야에 침입했습니다. 이 코드를 Firefox에 넣고 실행해보니

제대로 실행되지 않는 것을 발견했습니다. 이와 같은 문제가 점점 더 많아지고 있지만 JS 프로그래머로서 우리가 직면해야 할 모든 것입니다. <p id="para" title="cssrain demo!">이 코드의 플랫폼 호환성 문제를 해결하기 위해 매뉴얼을 살펴보며 firefox와 ie의 차이점을 배웠습니다. </p>firefox에 이벤트를 등록하려면 addEventListener 메소드를 사용하고, 호환되기 위해서는 즉, if ... else...
테스트

[Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

이 시점에서 코드는 여러 플랫폼에서 작동할 수 있습니다. 테스트
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

이 시점에서 프로그래머로서 작업이 완료되었습니다.
중간 가장 전통적이고 기본적인 작성 방법부터 시작하여 Js와 HTML의 분리를 실현하고 동일한 요소에 대한 여러 이벤트 등록을 실현했습니다. 이 기간 동안 호환성 문제를 발견했습니다. 등록된 이벤트입니다. 마지막으로 나중에 사용할 수 있도록 이벤트를 등록하는 방법을 캡슐화합니다.
<script> function test(){ alert("test"); } </script>자, 이것으로 글을 마칩니다. 모두가 뭔가를 얻었기를 바랍니다. . .