반응형
1. addEventListener "click"
※ 오류 "Uncaught TypeError: Cannot read property 'addEventListener' of null"
: addEventListener 사용 시 <script>태그를 <head>부분이나 <body>부분 상단 넣으니 위 오류가 발생했다. <body>부분 하단으로 옮겨주니 정상작동했다.
ex)
<body>
<div>
<button class="register_btn" type="button">글쓰기</button>
</div>
</body>
<javascipt>
const registerButton = document.querySelector('.register-btn')
registerButton.addEventListener('click', register);
function register(){
self.location = "/controller/board/register"
}
</javascipt>
ex)
<body>
<div>
<button class="register_btn" type="button">글쓰기</button>
</div>
</body>
<javascript>
const registerButton = document.querySelector('.register-btn')
registerButton.addEventListener("click", function(){
self.location = "/controller/board/register"
})
</javascript>
2. on "click"
ex)
<body>
<div>
<button class="register_btn" type="button">글쓰기</button>
</div>
</body>
<javascript>
$(".register-btn").on("click", function(){
self.location = "/controller/board/register" //javascript에서 url로 이동하기
})
</javascript>반응형
'Web dev > Basic' 카테고리의 다른 글
| SPRING 웹소켓에서 HttpSession 값 불러오기 (0) | 2023.02.19 |
|---|---|
| SPRING 웹소켓 기본설정 (Java Configuration) (0) | 2023.02.18 |
| HTML CSS 추가 기능 (0) | 2023.02.15 |
| HTML CSS 기본 (0) | 2023.02.14 |
| SPRING mybatis <selectKey> (0) | 2023.02.13 |