sự kiện con trỏ khi nhấp chuột nhưng không di chuyển

Question

Có thể cho phép các sự kiện nhấp chuột nhưng không di chuyển không?

pointer-events: none; 

Sẽ tắt cả hai loại đầu vào, tôi chỉ muốn tắt cuộn. Bất kỳ ý tưởng khác cho cách giải quyết?

Answer 1

Làm điều đó với javascript:

function noScroll(event) { 
    event = event || window.event; 
    if (event.preventDefault) { 
     event.preventDefault(); 
    } 
    event.returnValue = false; 
    return false; 
} 

// disable scolling on the whole window: 
if (!window.addEventListener) { 
    // old IE only 
    window.attachEvent("onscroll", noScroll); 
} else { 
    // Firefox only 
    window.addEventListener("DOMMouseScroll", noScroll); 
    // anything else 
    window.addEventListener("scroll", noScroll); 
} 

// disable scrolling on a single element: 
var el = document.getElementById("elementID"); 

if (!el.addEventListener) { 
    el.attachEvent("onscroll", noScroll); 
} else { 
    el.addEventListener("DOMMouseScroll", noScroll); 
    el.addEventListener("scroll", noScroll); 
} 

Điều đó sẽ làm các trick.

Answer 2

Thêm css này:

.stopScroll{ 
height:100%; 
overflow:hidden; 
} 

Sau đó, trong jQuery:

$('body').addClass('stopScroll'); 

Nhìn vào fiddle: https://jsfiddle.net/26dct8o3/1/

sẽ giúp đỡ nếu bạn đang tìm kiếm này. Nếu không, hãy cho tôi biết trong phần bình luận nếu đây không phải là điều bạn muốn.