Javascript:클릭 이벤트: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
(새 문서: {{Javascript}} = 클릭 이벤트 발생시키기 = 크게 다음의 2가지 방법을 사용한다. {| class="wikitable" |+ !방법 !'''HTML 태그에 onclick 속성 부여''' !엘...) |
|||
1번째 줄: | 1번째 줄: | ||
{{Javascript}} | {{Javascript}} | ||
= 클릭 이벤트 발생시키기 = | =클릭 이벤트 발생시키기= | ||
크게 다음의 2가지 방법을 사용한다. | 크게 다음의 2가지 방법을 사용한다. | ||
{| class="wikitable" | {| class="wikitable" | ||
10번째 줄: | 10번째 줄: | ||
|- | |- | ||
|html | |html | ||
|<syntaxhighlight lang="html"> | |<syntaxhighlight lang="html+evoque"> | ||
<div onclick="함수명">클릭하세요</div> | <div onclick="함수명()">클릭하세요</div> | ||
</syntaxhighlight>onclick 안에 자바스크립트 함수명을 부여한다. | </syntaxhighlight>onclick 안에 자바스크립트 함수명을 부여한다. | ||
|<syntaxhighlight lang="html"> | |<syntaxhighlight lang="html"> |
2022년 8월 2일 (화) 15:44 기준 최신판
- Javascript:개요
- Javascript:변수, 상수
- Javascript:연산자
- 분기문
- Javascript:선택자
- Javascript:이벤트
- Javascript:AJAX
- AJAX 활용
- Javascript:활용
클릭 이벤트 발생시키기[편집 | 원본 편집]
크게 다음의 2가지 방법을 사용한다.
방법 | HTML 태그에 onclick 속성 부여 | 엘리먼트를 직접 잡아 헨들링 |
---|---|---|
html | <div onclick="함수명()">클릭하세요</div>
|
<div id='click_ob'>클릭하세요</div>
|
Javascript | <script>
function 함수명(인수) {
console.log('클릭 함수 소환성공~');
};
</script>
|
<script>
$('#click_ob').click(function() {
console.log('클릭 함수 소환성공~');
};
</script>
|