div+css中a链接 ie不支持 pointer-events: none; 属性有啥解决办法？？？

Posted 2023-03-15

div+css中a链接 ie不支持 pointer-events: none; 就是样式中写了hover，点击之后怎么禁用

If you want to prevent the click events in IE that, as shasi pointed out, is prevented in other browsers, simply add an event listener that delegates the click event.
I'll assume, at the moment, that you're targeting all a elements:
<script>
var handler = function(e)

    e = e || window.event;
    var target = e.target || e.srcElement;
    if (target.tagName.toLowerCase() === 'a')
    
        if (!e.preventDefault)
        //IE quirks
            e.returnValue = false;
            e.cancelBubble = true;
        
        e.preventDefault();
        e.stopPropagation();
    
;
if (window.addEventListener)
    window.addEventListener('click', handler, false);
else
    window.attachEvent('onclick', handler);
    </script>

That should prevent all click events on anchor elements.

地址stackoverflow.com/questions/17441810/pointer-events-none-does-not-work-in-ie9-and-ie10

国外的解决方法。可以参考下

参考技术A 删去这段代码，检测IE版本，要求IE9以上，换用html5语言 参考技术B 可以用javascript来实现啊

CSS3 pointer-events（阻止hover、active、onclick等触发事件）

参考技术A Firefox 3.6+和chrome 2.0+ 以及safari 4.0+都支持这个CSS3属性，IE6/7/8/9都不支持（IE11又支持，不过很好的一点是在ie中给a加disabled 点击事件自动无效。），Opera在SVG中支持。 但是 该属性HTML中 不支持

1、提交页面，提交按钮点击后，添加这个样式属性（style="pointer-events"），来防止重复提交
2、让链接不能点击

3、让鼠标点击穿透上方的 div