javascript - 有什么方法可以将点击事件绑定(bind)到 jquery 中 div 的左边框？

Question

我有一个分区

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

有什么方法可以将点击事件绑定(bind)到这个 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!');
    }
});