jQuery点击div的特定部分

单击链接时，我需要jQuery点击div的特定部分，让它从右侧精确地说出1px。jQuery点击div的特定部分

我熟悉jQuery，但我不确定偏移量在这种情况下真的有效吗？

HTML

<div class="container"> 
    <div class="toBeClicked">Click the right side of me!</div> 
</div>

编辑：我添加的jsfiddle供参考：https://jsfiddle.net/ebc59bah/1/

来源

2017-07-16 DearBee

您可以为您要听单击事件的区域一个div，然后注册在这个div的单击事件。 – Nisarg

在我的情况下，我不能，它是插件内的div，我无法访问它，所以我必须考虑某种解决方法，因此这个奇怪的问题。 – DearBee

您无法绑定到div的特定区域。你可以绑定到整个div，然后可能检查点击的坐标，但我会倾向于有一个单独的div适合您所关注的区域并绑定到该区域。 – mkaatman

入住这code.I创建两个颜色boxes.The红色容器和AQUA是div你希望1px右边有一个事件。我得到的pageX位置，并通过如果条件我触发alert（）方法。请注意CSS设置特别是HTML和身体，因为我不想有任何像素边距必须添加到if条件：

$('.container').on('click',function(e){ 
 
    var xPosition=e.pageX; 
 
    if(xPosition>01 && xPosition<150){ 
 
    alert('Click'); 
 
    } 
 
});

html, body { 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 

 
.container{ 
 
    height: 150px; 
 
    width: 250px; 
 
    background-color:#FF0000; 
 
} 
 
.toBeClicked{ 
 
    position: inherit; 
 
    font-size: 150%; 
 
    height: 140px; 
 
    width: 150px; 
 
    background-color: #00FFFF; 
 
    word-break: keep-all; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container"> 
 
    <div class="toBeClicked">Click the right side of me!</div> 
 
</div>

来源

2017-07-16 16:59:22 liontass

我想我错了，这是一个奇怪的问题开始。我的意思是我需要jQuery来点击div的右侧部分，并通过从右侧（div的开头，但在其右侧）单击1px来完成此操作。这里，我把它画在这里作为参考：https://jsfiddle.net/ebc59bah/1/ – DearBee

检查jQuery代码中的更新 – liontass

jQuery点击div的特定部分

回答

相关问题