반응형
"Ctrl"/ "Shift"+ 마우스 왼쪽 버튼 클릭을위한 JavaScript 또는 jQuery 이벤트 핸들러
다음과 같은 이벤트를 처리 할 수 있습니까?
- Ctrl + 마우스 왼쪽 버튼 클릭;
- Shift + 마우스 왼쪽 버튼 클릭;
- Alt+ JavaScript , jQuery 또는 기타 프레임 워크를 사용하여 마우스 왼쪽 버튼 클릭 .
가능하다면 코드 예제를 제공하십시오.
다음과 같이 할 수 있습니다 (클릭 핸들러의 경우 jQuery이지만 모든 프레임 워크는 중요한 부분에서 작동합니다).
$(selector).click(function(e) {
if(e.shiftKey) {
//Shift-Click
}
if(e.ctrlKey) {
//Ctrl+Click
}
if(e.altKey) {
//Alt+Click
}
});
if
위와 같이 클릭 핸들러 내부에서 원하는 것을 처리 하십시오.
핫키 라는 JQuery 플러그인을 사용하는 경우 아래 특수 키를 처리 할 수 있습니다.
$(document).bind('keydown', 'Ctrl+c', fn);
최근에 나는 e.ctrlKey
MAC에서 작동하지 않는다는 점에서 문제가 발생했습니다 . Macintosh에서는 Command + Click을 사용하여 동일한 효과를 얻을 수 있습니다.
위의 대부분의 답변은 이미 jQuery 사용을 가정하고 있으므로 jQuery에서 제공하는 e.metaKey
속성을 간단히 사용할 수 있습니다 .
예 :
$(selector).click(function(e) {
if(e.shiftKey) {
//Shift-Click
}
if(e.metaKey) {
//Ctrl+Click on Windows & Command+Click on Mac.
}
if(e.altKey) {
//Alt+Click
}
});
반응형
'programing tip' 카테고리의 다른 글
std :: set에서 가장 큰 정수를 찾는 방법 (0) | 2020.12.11 |
---|---|
jQuery를 사용하여 단일 자식 요소를 선택하는 방법은 무엇입니까? (0) | 2020.12.11 |
XML 문자열을 XmlElement로 변환해야합니다. (0) | 2020.12.11 |
Django 템플릿 : 거짓이면? (0) | 2020.12.11 |
사이트에 포함 된 Javascript를 자동으로 축소 할 수있는 플러그인이 있습니까? (0) | 2020.12.11 |