微信小程序監聽input輸入並取值

小程序的事件分爲兩種，冒泡和非冒泡事件，像<form/>的submit事件，<input/>的input事件，<scroll-view/>的scroll事件等非冒泡事件，須要到組件的文檔裏去找，以下是我截圖的一些經常使用的非冒泡事件

非冒泡事件：當一個組件上的事件被觸發後，該事件不會向父節點傳遞。

想要實時監聽input的輸入只要使用bindinput就能夠了，

wxml：

  <input bindinput='watchPassWord' type='password' class="weui-input" placeholder="請輸入密碼" />

js：

Page({
  // 監聽輸入
  watchPassWord: function (event) {
    console.log(event.detail.value);
  }
})

event是當前的事件對象，包含當前的各類信息，detail就是咱們須要的信息了，按本身的需求處理就好，console展開以下：

 

冒泡事件：當一個組件上的事件被觸發後，該事件會向父節點傳遞。