이벤트 의뢰2

2415 단어

이벤트 의뢰


다음은 하나의 이벤트 의뢰의 전형적인 사례로 모든 input에 서로 다른 이벤트를 연결하는 것이다.기본 단계는 다음과 같습니다.
  • div 귀속 이벤트입니다
  • 하층 원소 노드 얻기
  • 노드의 어떤 속성을 판단하여 서로 다른 노드를 구분하여 서로 다른 사건을 안배한다
  • window.onload = function(){ var oBox = document.getElementById("box"); oBox.onclick = function (ev) { // var target = ev.target; // , input div if(target.nodeName.toLocaleLowerCase() == 'input'){ // switch(target.id){ //switch , case 。 case 'add' : alert(' '); break; case 'remove' : alert(' '); break; case 'move' : alert(' '); break; case 'select' : alert(' '); break; } } } }

    주의하다

  • 케이스 뒤에 사칭입니다
  • 타겟을 획득한 후 소문자로 변환해야 합니다
  • 사건의 거품이 어느 단계에서 작용하는지 알아차렸습니다..

  • ps


    사실 상술한 코드의 한 줄은 쓸데없는 것이다
    window.onload = function(){ var oBox = document.getElementById("box"); oBox.onclick = function (ev) { // var target = ev.target; switch(target.id){ case 'add' : alert(' '); break; } } }

    참고


    JavaScript Switch 문

    좋은 웹페이지 즐겨찾기