[JavaScript] addeventeListener()의 주요 이벤트 요약
2705 단어 JavaScript
개시하다
AddEventListener()의 주요 활동 요약 차트!
addeventListener()는 자바스크립트의 빈번한 출현 중 빈번한 출현이기 때문에 무엇을 머릿속의 한 귀퉁이에 사용할 수 있는지 사용하는 것이 좋다고 생각한다
addEventListener
어떤 사건이 실행될 때, 실행 방법에 적힌 일련의 동작을 실행하는 방법입니다.
예를 들어 다음과 같은 파일이 있다고 가정하자.
test.html<div id = 'btn'>ここをプッシュ!</div>
다음 js 파일은 클릭할 때 상기 btnID 내의 텍스트를 변경하는 코드입니다.
test.js const btn = document.getElementById('btn'); //定数btnにhtmlのbtnIDの要素を取得
btn.addEventListener('click', ()=>{ //定数btnがクリックされた時に
btn.textContent = "あああ"; //btnIDの要素のテキストを"あああ"に変更
});
addEventListener의 기본 쓰기 방법은 다음과 같습니다.
또 다른 작법이 있으니 마음에 드는 사람은 꼭 조사해 주세요!
test.js対象要素.addEventListener(イベントの種類, function() {
//イベント発火時の処理内容
});
이벤트 유형
아까 클릭한 것처럼 다양한 이벤트도 있어요.
여기서 자주 사용하는 활동을 대체적으로 총결해 봅시다.
이벤트 유형
컨텐트
click
마우스 버튼 클릭 시 발화
mousedown
마우스 버튼을 눌렀을 때 불이 납니다
mouseup
마우스 버튼을 놓으면 불이 납니다.
mousemove
마우스 커서 이동 중 발화
submmit
입력 형식의submit 단추를 눌렀을 때 불이 납니다
scroll
화면이 굴러갈 때 불이 나요.
submmit
입력 형식의submit 단추를 눌렀을 때 불이 납니다
scroll
화면이 굴러갈 때 불이 나요.
최후
위에서 말한 것은 정말 기본적인 활동일 뿐입니다. 조사하면 여러 종류가 있습니다!
네가 사전에 이렇게 준비한 것은 너무 열정적이다.
Reference
이 문제에 관하여([JavaScript] addeventeListener()의 주요 이벤트 요약), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tomokichi_ruby/items/7ee4ecc771e85516f1e4
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
어떤 사건이 실행될 때, 실행 방법에 적힌 일련의 동작을 실행하는 방법입니다.
예를 들어 다음과 같은 파일이 있다고 가정하자.
test.html
<div id = 'btn'>ここをプッシュ!</div>
다음 js 파일은 클릭할 때 상기 btnID 내의 텍스트를 변경하는 코드입니다.test.js
const btn = document.getElementById('btn'); //定数btnにhtmlのbtnIDの要素を取得
btn.addEventListener('click', ()=>{ //定数btnがクリックされた時に
btn.textContent = "あああ"; //btnIDの要素のテキストを"あああ"に変更
});
addEventListener의 기본 쓰기 방법은 다음과 같습니다.또 다른 작법이 있으니 마음에 드는 사람은 꼭 조사해 주세요!
test.js
対象要素.addEventListener(イベントの種類, function() {
//イベント発火時の処理内容
});
이벤트 유형
아까 클릭한 것처럼 다양한 이벤트도 있어요.
여기서 자주 사용하는 활동을 대체적으로 총결해 봅시다.
이벤트 유형
컨텐트
click
마우스 버튼 클릭 시 발화
mousedown
마우스 버튼을 눌렀을 때 불이 납니다
mouseup
마우스 버튼을 놓으면 불이 납니다.
mousemove
마우스 커서 이동 중 발화
submmit
입력 형식의submit 단추를 눌렀을 때 불이 납니다
scroll
화면이 굴러갈 때 불이 나요.
submmit
입력 형식의submit 단추를 눌렀을 때 불이 납니다
scroll
화면이 굴러갈 때 불이 나요.
최후
위에서 말한 것은 정말 기본적인 활동일 뿐입니다. 조사하면 여러 종류가 있습니다!
네가 사전에 이렇게 준비한 것은 너무 열정적이다.
Reference
이 문제에 관하여([JavaScript] addeventeListener()의 주요 이벤트 요약), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tomokichi_ruby/items/7ee4ecc771e85516f1e4
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
위에서 말한 것은 정말 기본적인 활동일 뿐입니다. 조사하면 여러 종류가 있습니다!
네가 사전에 이렇게 준비한 것은 너무 열정적이다.
Reference
이 문제에 관하여([JavaScript] addeventeListener()의 주요 이벤트 요약), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tomokichi_ruby/items/7ee4ecc771e85516f1e4텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)