微信小程序點擊傳參
當前位置：點晴教程→知識管理交流
→『 技術文檔交流 』
 ：微信小程序點擊傳參 在微信小程序中，可以使用 bind 關鍵字來綁定事件。例如，常見的 tap 事件可以通過以下方式綁定： <view bindtap="handleTap">點擊我</view> 在對應的 Page 中定義事件處理函數(shù)： Page({
handleTap: function(event) {
console.log(event);
}
}); 事件傳參 微信小程序中，可以通過自定義屬性來給事件處理函數(shù)傳遞參數(shù)。使用 data- 前綴定義自定義屬性，并在事件處理函數(shù)中通過 event.currentTarget.dataset 獲取參數(shù)。例如： <view bindtap="handleTap" data-value="hello">點擊我</view> 在事件處理函數(shù)中獲取參數(shù)： Page({
handleTap: function(event) {
console.log(event.currentTarget.dataset.value); // 輸出 "hello"
}
}); 阻止事件冒泡 在微信小程序中，可以使用 catch 關鍵字來綁定事件，并阻止事件冒泡。例如： <view bindtap="handleTap1">
outer view
<view catchtap="handleTap2">
middle view
<view bindtap="handleTap3">inner view</view>
</view>
</view> 在事件處理函數(shù)中： Page({
handleTap1: function() {
console.log('handleTap1');
},
handleTap2: function() {
console.log('handleTap2');
},
handleTap3: function() {
console.log('handleTap3');
}
}); 點擊 inner view 時，只會觸發(fā) handleTap3 和 handleTap2，不會觸發(fā) handleTap1。 事件對象 事件對象包含了觸發(fā)事件的詳細信息，例如事件類型、時間戳、觸發(fā)事件的組件等。常見的屬性包括：
例如： Page({
handleTap: function(event) {
console.log(event.type); // 事件類型
console.log(event.timeStamp); // 時間戳
console.log(event.target.id); // 觸發(fā)事件的組件ID
console.log(event.currentTarget.dataset.value); // 自定義數(shù)據(jù)
}
}); 該文章在 2026/3/2 9:58:47 編輯過 |
關鍵字查詢
相關文章
正在查詢... 
|
400 186 1886
