小程式事件繫結 傳參 捕獲與冒泡

頁面中不需要傳參的事件

<

view 
bindtap
="click"
>我是事件
view
>
<
view 
bind:tap
="click"
>我是事件
view
>

<

button 
bind:tap
="click2"
data-name
="}"
data-age
="18"
id="bt"
>我是按鈕
button
>

page(,

//e為事件物件，事件所有產生的資料都在e中
click:function
(e),
click2:
function
(e),
)}

1響應函式直接寫在page物件中就可以了，不需要和vue一樣寫在methods裡面

2 3 獲取傳過來的引數，在事件物件中。用e.currenttarget.dataset.屬性的名稱
wxml頁面
<

view 
class
="outter"
capture-bind:tap
="click4"
bind:tap
="click7"
data-a
="o"
>
外面 
<
view 
class
="midd"
capture-bind:tap
="click5"
bind:tap
="click8"
data-a
="i"
>
<
view 
class
="inner"
capture-bind:tap
="click6"
bind:tap
="click9"
>
裡面 
view
>
中間 
view
>
view
>
<
view 
class
="outter"
capture-bind:tap
="click4"
bind:tap
="click7"
data-a
="o"
>
外面 
<
view 
class
="midd"
capture-catch:tap
="click5"
bind:tap
="click8"
data-a
="i"
>
<
view 
class
="inner"
capture-bind:tap
="click6"
bind:tap
="click9"
>
裡面 
view
>
中間 
view
>
view
>
<
view 
class
="outter"
capture-bind:tap
="click4"
bind:tap
="click7"
data-a
="o"
>
外面 
<
view 
class
="midd"
capture-bind:tap
="click5"
bind:tap
="click8"
data-a
="i"
>
<
view 
class
="inner"
capture-bind:tap
="click6"
catch:tap
="click9"
>
裡面 
view
>
中間 
view
>
view
>
js檔案

//

pages/test1/test1.js
page(,
click5:
function
(e),
click6:
function
(e),
click7:
function
(e),
click8:
function
(e),
click9:
function
(e)})
wxss檔案

/*

pages/test1/test1.wxss 
*/.outter.midd.inner
view code
 
事件繫結與事件捕獲 冒泡
element.addeventlistener event,function,usecapture 引數event 必須。字串，指定事件名。注意 不要使用 on 字首。例如，使用 click 而不是使用 onclick 引數 function必須。指定要事件觸發時執行的函式。當事件物件會作為第乙個...
事件捕獲與事件冒泡
事件傳播模型 事件捕獲和事件冒泡兩個過程 即事件先到達根元素，再從根元素一層一層向下傳播到目標元素，然後再一層一層向上傳到根元素。one twothree four var one document.getelementbyid one var two document.getelementbyid...
事件冒泡與事件捕獲
dom事件標準定義了兩種事件流，這兩種事件流有著顯著的不同並且可能對你的應用有著相當大的影響。這兩種事件流分別是捕獲和冒泡。和許多web技術一樣，在它們成為標準之前，netscape和微軟各自不同地實現了它們。netscape選擇實現了捕獲事件流，微軟則實現了冒泡事件流。幸運的是，w3c決定組合使用...