pointer-events: none Як випливає з назви, це означає, що події миші пропадають. Коли до елемента застосовується ця CSS-властивість, посилання, кліки тощо стають "плаваючими хмарами соєвого соусу". pointer-events: none використовується для "випаровування" сутності елемента. Наприклад, елемент button, до якого застосовано pointer-events: none, кнопка, яку ми бачимо на сторінці, є лише уявною тінню, її можна сприймати як міраж, примарне тіло. Доторкнувшись до неї, ми можемо легко пройти крізь неї, нічого не відчуваючи. Як ви знаєте, input[type=text|button|radio|checkbox] підтримує атрибут disabled, який повністю вимикає подію. Якщо інші теги потрібно вимкнути подібним чином, ви можете спробувати вказівник-події: none
Як простий приклад:
Це посилання, на яке ви не можете натиснути, і наведення курсору не має ніякого ефекту. (Варто зазначити, що якщо ви просто вимкнути подію миші, ви все одно зможете вибрати посилання клавішею табуляції, а потім ввести, щоб відкрити його, але ви можете видалити атрибут href з тегу a, щоб зробити його невибірковим за допомогою клавіші табуляції).
h ttps:// developer.mozilla.org/zh-CN/docs/Web/CSS/pointer-events
Значення за замовчуванням
|