關於移動端 觸控事件導致子元素不能繫結事件

2022-01-17 19:36:21 字數 680 閱讀 9977

近期專案遇到乙個問題,

找了乙個外掛程式 叫做  移動端按首字母檢索城市列表  

在城市選項這裡發現繫結不上事件

找了很多阻止冒泡的事件 順便整理了下之前的辦法( 以前做主要是pc端的 )

寫乙個例子

1.event.stoppropagation();

**如下:

$(function());

});

**如下:

$(function());

});

最後的解決辦法

在  scroll = new window.bscroll  例項化的時候

新增preventdefault: false

同時為需要的元素click進行事件繫結;

if($(e.target).hasclass("title"))

return;var address = $(e.target).text();

var change = "true";

location.href = "barcode.na?address=" + address + "&change=" + change;

});這裡就是點選的時候  target是有變化的,this指向還是整體,所以去找target這個object這個物件。

上面3個方法在touch外 也是很方便的 也很好用

移動端的觸控事件

首先 touch 包含三類事件,它們分別是 touchstart touchmove touchend touch 屬性 1.touch.identifier 此 touch 物件的唯一識別符號。一次觸控動作 我們指的是手指的觸控 在平面上移動的整個過程中,該識別符號不變。可以根據它來判斷跟蹤的是否...

移動端的常用觸控事件

1 touches 表示當前跟蹤的觸控操作的 touch 物件的陣列。2 targettouches 特定於事件目標的 touch 物件的陣列。3 changetouches 表示自上次觸控以來發生了什麼改變的 touch 物件的陣列。每個 touch 物件包含的屬性 4 clientx 觸控目標在...

移動端JS 觸控事件基礎

一 手機上的觸控事件 基本事件 touchstart 手指剛接觸螢幕時觸發 touchmove 手指在螢幕上移動時觸發 touchend 手指從螢幕上移開時觸發 下面這個比較少用 touchcancel 觸控過程被系統取消時觸發 每個事件都有以下列表,比如touchend的targettouches...