Czy możemy uczynić element (div) przezroczystym dla zdarzeń myszy?

Question

Chcę, aby element był przezroczysty dla zdarzeń. Jeśli go kliknę, element tuż za nim zostanie wystrzelony z tego wydarzenia.

Answer 1

Użyj właściwości pointer-events CSS:

myElement { 
    pointer-events: none; 
} 

do compatibil przeglądarka uwaga yc: http://caniuse.com/#feat=pointer-events

Answer 2

Tak. Ustaw pointer-events:none; na powyższym elemencie.

Oto prosty przykład: Po kliknięciu na obrazek select elementem otwiera:

div { 
 
    width: 14px; 
 
    height: 14px; 
 
    position:relative; 
 
    top: -18px; 
 
    left: 58px; 
 
    pointer-events: none; 
 
    background: url(http://lorempixel.com/14/14) no-repeat; 
 
}

<select> 
 
    <option value="value1">Value 1</option> 
 
    <option value="value2" selected>Value 2</option> 
 
</select> 
 
<div></div>

wsparcie Przeglądarka jest dobra (caniuse): z wyjątkiem IE - gdzie jest obsługiwany tylko w IE11

Answer 3

Lub jeśli chcesz zrobić to w jQuery-Way (ponieważ logika powinna być poza CSS), możesz użyć $("#foo").unbind("click");.

można znaleźć więcej informacji tutaj:

http://api.jquery.com/unbind/