How to disable all mouse events except for hover in iframe?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

// Get the iframe element
var iframe = document.getElementById('your_iframe_id');

// Disable all mouse events on the iframe
iframe.style.pointerEvents = 'none';

// Enable hover event on the iframe
iframe.addEventListener('mouseover', function() {
    iframe.style.pointerEvents = 'auto';
});

// Disable hover event on the iframe when mouse leaves
iframe.addEventListener('mouseout', function() {
    iframe.style.pointerEvents = 'none';
});