티스토리 뷰

Skill/html js css

[javascript] bind()사용법

진열사랑 2020. 10. 5. 13:07

html

<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title>bind</title>
	<!-- <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> -->
    
</head>
<body>
    <input type="button" id="target" value="button" />
    <script src="bind.js"></script>
</body>

</html>

javascript

var someone = {
    name : "codejong",
    whoAmI : function() {
        console.log(this);
    }
}
someone.whoAmI(); // someone
var myWhoAmI = someone.whoAmI;
myWhoAmI(); // window
var btn = document.getElementById("target");
btn.addEventListener('click', someone.whoAmI); // button

var bindWhoAmI = someone.whoAmI.bind(someone);
bindWhoAmI();



// var t = document.getElementById('target');
// if(t.addEventListener){
//     t.addEventListener('click', function(event){
//         alert('Hello world, '+event.target.value);
//     }); 
// } else if(t.attachEvent){
//     t.attachEvent('onclick', function(event){
//         alert('Hello world, '+event.target.value);
//     })
// }
저작자표시 비영리

'Skill > html js css' 카테고리의 다른 글

[jQuery] select option value 이외에 다른 값 사용하기(data 함수)  (0) 2020.10.19
[JQuery] ajax2 : 400 error발생  (0) 2020.10.13
[javascript] promise  (0) 2020.10.02
[javascript] 배열 함수들  (0) 2020.10.02
JQuery 첫 실행 문장들 비교  (0) 2020.09.28
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/10   »
일 월 화 수 목 금 토
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 30 31
글 보관함