微信小程式Dom事件實現

請合理使用工具！

細節就不說了，直接備份乙個實現的案例：

wxml

<

view 
class
="guess"
>
<
view
>
<
image 
data-data_auto 
= "}"
data-index
="}"
data-num
="1"
data-id
="}"
bindtap
="}"
mode
="widthfix"
src="}"
class
="img"
>
image
>
view
>
<
view
>
<
image 
data-data_auto 
= "}"
data-index
="}"
data-num
="0"
data-id
="0"
bindtap
="}"
mode
="widthfix"
src="}"
class
="img"
>
image
>
view
>
<
view
>
<
image 
data-data_auto 
= "}"
data-index
="}"
data-num
="2"
data-id
="}"
bindtap
="}"
mode
="widthfix"
src="}"
class
="img"
>
image
>
view
>
view
>

wxs:

//設定wxml的資料

that.setdata();
//重要：建立新dom繫結資料
function setactive($data) 
that.ac = new_data;
return new_data;
}

event:

//事件解發

chooseme(e) ,

基本原理就是：自定義dom

微信小程式 事件

事件繫結 事件繫結的寫法同元件的屬性，以 key value 的形式。key 以bind或catch開頭，然後跟上事件的型別，如bindtap,catchtouchstart value 是乙個字串，需要在對應的 page 中定義同名的函式。不然當觸發事件的時候會報錯。bind事件繫結不會阻止冒泡事...

微信小程式操作DOM

返回的 obj 有五個方法 1.obj.in component 沒用過這個方法，多用於元件的選擇器。2.obj.select selector 獲取指定的節點，selector是css選擇器。返回乙個 nodesref 物件例項，可以用於獲取節點資訊。3.obj.selectall selecto...

微信小程式事件小結

1 事件繫結bindtap 如上，給增加了乙個golink的方法，那如何獲取事件的入參？先將需要傳遞的引數通過data 形式寫在元素上，上面 golink 要傳遞linkeurl，直接在image元素上新增data linke url直接看golink方法 開啟url鏈結 golink functi...