CSS-события указателя IE10 и IE11 старые версии

Question

#values43011009create {
    pointer-events: none;
    background-color: #f9f9f9;
}

Этот код не работает в IE 10, но работает нормально в IE 11 и выше.

Мне нужно исправить также и для более низких версий IE.Ваша помощь приветствуется.

Answer 1

Чтобы предотвратить событие нажатия, вы можете обратиться к примеру ниже.

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);

Ссылка:

«Указатель-события: нет» не работает в IE9 и IE10

Answer 2

Альтернативным решением для этого было бы добавление элемента Psuedo ::after поверх ссылки, который будет действовать в качестве обложки, предотвращающей нажатие на нее:

.yourlink {
    position: relative;
    z-index: -1
}

.yourlink::after {
    content: ' ';
    background-color: #fff;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: 250; 
}

Если вы хотите сделать это только в браузерах IE ине Firefox или Chrome, тогда вы можете обернуть все это в медиа-запрос, предназначенный только для IE:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .yourlink {
        position: relative;
        z-index: -1
    }

    .yourlink::after {
        content: ' ';
        background-color: #fff;
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        z-index: 250; 
    }
}

Вот примерный пример решения: https://jsfiddle.net/Ly06krt3/23/