Fare olaylarına saydam bir öğe yapabilir miyiz?

Question

Olaylara saydam bir öğe yapmak istiyorum. Eğer üzerine tıklarsam, o olayın hemen arkasındaki eleman kovulur.

Answer 1

pointer-events CSS özelliğini kullanın ity: http://caniuse.com/#feat=pointer-events

Answer 2

Evet. Yukarıdaki öğe üzerinde pointer-events:none;'u ayarlayın.

İşte basit bir örnek: Ben resmin üzerine tıkladığınızda seçme elemanı açar:

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>

Tarayıcı desteği iyidir (caniuse): IE haricinde - sadece IE11

desteklenir

myElement { 
    pointer-events: none; 
} 

Do not tarayıcı compatibil:

Answer 3

Ya da jQuery-Way (mantıksal CSS dışında olması gerektiğinden) yapmak isterseniz, $("#foo").unbind("click"); kullanabilirsiniz.

Daha fazla bilgiyi burada bulabilirsiniz:

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