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的特定部分

回答

相關問題