반응형
a태그로 href 에 url 값을 넣어놓으면
마우스 휠클릭으로 새탭에서 열리면서 볼 수 있는데
현재 내 상황은button 으로 onclick이벤트로 url 이동하게 만들어져 있는 상황
이 상태에선 새탭에서 열리면서 보는 기능이 안생긴다
그래서 마우스 휠클릭 이벤트를 추가로 줘야되는데 어떻게 해야 될까
아래 코드로 하면 해결 완료
document.getElementById("id값").addEventListener("mousedown", function(event) {
if (event.button === 1) { // 1은 마우스 휠클릭을 나타냅니다.
window.open("url주소", "_blank");
}
});
728x90
반응형
'Language > Javascript' 카테고리의 다른 글
[JS] monthpicker 사용 (0) | 2023.09.22 |
---|---|
JS에서 변수 선언 시 앞에 $붙이는 경우 (0) | 2023.09.05 |
TypeScript 간단 설명 및 환경구성 (0) | 2023.08.07 |
초보자를 위한 정규 표현식 가이드 참조링크 (1) | 2023.01.01 |
typescript 변수 뒤 ? 붙는 경우 / 자바스크립트 변수 앞 # 붙는 경우 (1) | 2022.12.29 |
반응형
a태그로 href 에 url 값을 넣어놓으면
마우스 휠클릭으로 새탭에서 열리면서 볼 수 있는데
현재 내 상황은button 으로 onclick이벤트로 url 이동하게 만들어져 있는 상황
이 상태에선 새탭에서 열리면서 보는 기능이 안생긴다
그래서 마우스 휠클릭 이벤트를 추가로 줘야되는데 어떻게 해야 될까
아래 코드로 하면 해결 완료
document.getElementById("id값").addEventListener("mousedown", function(event) {
if (event.button === 1) { // 1은 마우스 휠클릭을 나타냅니다.
window.open("url주소", "_blank");
}
});
728x90
반응형
'Language > Javascript' 카테고리의 다른 글
[JS] monthpicker 사용 (0) | 2023.09.22 |
---|---|
JS에서 변수 선언 시 앞에 $붙이는 경우 (0) | 2023.09.05 |
TypeScript 간단 설명 및 환경구성 (0) | 2023.08.07 |
초보자를 위한 정규 표현식 가이드 참조링크 (1) | 2023.01.01 |
typescript 변수 뒤 ? 붙는 경우 / 자바스크립트 변수 앞 # 붙는 경우 (1) | 2022.12.29 |