JS: "CTR + 휠"이벤트

이 짧은 읽기는 CTR + MOUSEWHEEL 이벤트에 대한 이벤트를 가져오는 방법을 검색하는 사용자를 위한 것입니다.

다음은 샘플입니다. CTR + WHEEL 경우 텍스트의 글꼴 크기를 변경하려고 한다고 가정해 보겠습니다.



/**
You can change the window to element you want this event to happen.
example: document.getElementById("view-chapter-verse").addEventListener()
*/
window.addEventListener("wheel", function (event) {
        event.preventDefault(); // this will prevent the scaling for browsers.
        if (event.ctrlKey) { // check if we are pressing the CTR key
            if (event.deltaY) {
                // Do what you want here. In this example
                // Im trying to change the Font Size of my article
                // event.deltaY is less than 0 it means we are scrolling up. If not scrolling down.
                fontSize = event.deltaY < 0 ? fontSize.value + 0.5 : fontSize.value - 0.5;
            }
        }
});

좋은 웹페이지 즐겨찾기