이벤트 등록 메서드가 브라우저별로 서로 다르게 실행되도록 하기

728x90

728x170

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<!-- 이벤트 등록 메서드가 브라우저별로 서로 다르게 실행되도록 하기 -->
<script type="text/javascript">
    window.onload=function(){
        function fnc1(){
            alert('실행문1');
        }
        function fnc2(){
            alert('실행문2');
        }
 
        var myBtn=document.getElementById("btn");
 
        
        if(window.addEventListener) { // 파이어폭스, 크롬 등 브라우저에서 true를 반환하여 조건식을 만족
            myBtn.addEventListener("click",fnc1,false);
            myBtn.addEventListener("click",fnc2,false);
        }
        else {      // IE 8 이하에서만 실행
            myBtn.attachEvent("onclick",fnc1);
            myBtn.attachEvent("onclick",fnc2);
        }
    }
</script>
</head>
    <body>
    <button id="btn">버튼</button>
    </body>
</html>
 
Colored by Color Scripter

cs

소스 출처 : Do It! 자바스크립트+제이쿼리 입문 (정인용 지음, 이지스퍼블리싱)

728x90

그리드형(광고전용)

저작자표시

'Source Code > JavaScript' 카테고리의 다른 글

[JavaScript] Scroll Indicator 구현하기 (0)	2022.04.12
Checkbox, Radio, Select에서 선택된 항목 출력하기 (0)	2020.11.05
이벤트 객체 (Event Object) (0)	2017.05.21
this를 사용한 이벤트 (0)	2017.05.21
이벤트 (Event) (0)	2017.05.21
함수를 사용하여 사진 갤러리 만들기 (0)	2017.05.21
함수 (Function) (1)	2017.05.21
문서 객체 모델을 사용하여 자동차 견적 미리보기 페이지 만들기 (0)	2017.05.21