Question

当点击链接时，我需要jQuery点击div的特定部分，让我们从右侧确切地说1px。

我熟悉jQuery，但我不确定在这种情况下偏移是如何工作的？

HTML

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

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

Answer 1

检查这个代码。我创建了两个颜色框。红色是容器，aqua是div，你想要1px一边做一个事件。我得到pageX位置并通过if条件我触发警报（） method.Note CSS设置特别是html和body，因为我不希望像素中有任何必须添加if条件的边距：

＆＃13;

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

＆＃13;

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;
}

＆＃13;

<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>

＆＃13;

jQuery单击div的特定部分

1 个答案: