有没有办法在jquery中将click事件绑定到div的左边框？

Question

我有一个div

<div id="preview">
</div>

有没有办法将click事件绑定到div的左边框？

提前致谢.

Answer 1

div {
    height:100px;
    border:4px solid black;
    padding:10px;
}

请尝试这种方法

$('div').click(function(e){
   if(  e.offsetX < 5){
        alert('clicked on the left border!');
    }
});

编辑 - 更好的版本

$('div').click(function(e){
    if(  e.offsetX <= parseInt($(this).css('borderLeftWidth'))){
       alert('clicked on the left border!');
    }
});