如何避免在點擊觸摸設備上的html元素時點擊較低的html元素？

Question

我正在爲使用html和jQuery的android，windows和iPhone設備製作跨平臺的移動網站。

問題是當我點擊一個高於另一個元素的元素時，點擊事件也在下面的元素上觸發。

我有一個自定義的彈出窗口，它在頁面中心打開，並且有一個按鈕正好在按鈕下面，在頁面上也有一個按鈕，帶有單擊事件。

所以在點擊彈出按鈕時，事件也會在彈出下面的按鈕上觸發。

如何防止觸摸設備上發生這種事件。

當我選擇或點擊選項，然後下面的按鈕的點擊事件被激發時，下拉的情況也是如此。

Answer 1

你應該使用event.stoppropagation()：

$('your-element').on('click', function(e){ 
    e.stopPropagation(); 
    // other stuff here 
}) 

這應該解決您的問題。