国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

微信小程序 button按鈕怎么觸發(fā)事件? bindtap語法怎么使用?

這篇具有很好參考價值的文章主要介紹了微信小程序 button按鈕怎么觸發(fā)事件? bindtap語法怎么使用?。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

在前端網頁中我們需要觸發(fā)一個事件如果按鈕點擊后調用函數,文本、圖片、鏈接被點擊后調用一個函數一個事件,我們都知道用click,可是微信小程序中的click是不存在的,他怎么才能和網頁中一樣的使用click的呢?

1.bindtap語法的使用

這時候有人肯定會問,我不是來學習click的怎么教我bindtap語法使用了?

其實不然,bindtap是微信小程序中的onclick鼠標點擊事件

在小程序中,不存在HTMLZ中的onclick鼠標點擊事件,而是通過tap事件來響應用戶的觸摸行為。

①通過bindtap,可以為組件綁定tap觸摸事件,語法如下:

<button type="primary" bindtap="onclick">按鈕</button>

微信小程序bindtap,微信小程序,微信小程序,前端,小程序

?②在頁面的.js文件中定義對應的事件處理函數,事件參數通過形參event(一般簡寫成e)來接收:

Page({
  onclick(e){
    console.log(e)
  }
})

微信小程序bindtap,微信小程序,微信小程序,前端,小程序

我們嘗試需要點擊按鈕輸出e里面是啥

微信小程序bindtap,微信小程序,微信小程序,前端,小程序

我們會看多很多參數,這時候不用怕,我給大家講解一些常用的。

屬性 類型 說明 基礎庫版本
type String 事件類型
timeStamp Integer 事件生成時的時間戳
target Object 觸發(fā)事件的組件的一些屬性值集合
currentTarget Object 當前組件的一些屬性值集合
touches Array 觸摸事件,當前停留在屏幕中的觸摸點信息的數組
changedTouches Array 觸摸事件,當前變化的觸摸點信息的數組

?2.1.type屬性

微信小程序bindtap,微信小程序,微信小程序,前端,小程序

我們從圖書看出在bindtap事件中他返回的是tap,其實我們事件有很多種

?以上三種是我們最常見的,是否還有其他屬性我們可以前往微信小程序幫助文檔進行查看

2.2.timeStamp屬性

這個屬性就是代表我們WXML頁面從打開后開始計時,到事件被觸發(fā)為止顯示的一個時間戳

單位時毫秒

微信小程序bindtap,微信小程序,微信小程序,前端,小程序

?2.3 target屬性

target屬性是我們最長用到的屬性,所以我給他標紅了,

微信小程序bindtap,微信小程序,微信小程序,前端,小程序

看圖明白一個大概,后面實戰(zhàn)種使用到我們會詳細講解,現(xiàn)在都做一個了解

2.4??currentTarget屬性

? currentTarget屬性和target屬性其實是一樣的,但是他有一個小小的區(qū)別

微信小程序bindtap,微信小程序,微信小程序,前端,小程序

看圖我們是不是以為?他們2個沒有區(qū)別數據都是一樣的,其實currenttarget屬性是指向當前組件的父組件,

我們會在后面推文種寫出他兩的本質區(qū)別,可以進入主頁進行查看文章

2.5 touches和changedtouches屬性

其實他們兩個屬性也是一樣的道理,一句話概括他們, 當用戶進行多個手指觸摸屏幕會留下痕跡,被這兩個屬性記錄,然后返回給后臺。文章來源地址http://www.zghlxwxcb.cn/news/detail-792069.html

到了這里,關于微信小程序 button按鈕怎么觸發(fā)事件? bindtap語法怎么使用?的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!

本文來自互聯(lián)網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • 微信小程序點擊事件(bindtap)傳遞參數

    小程序在組件上綁定事件后,傳遞參數的方式不同于前端開發(fā)其他場景中直接加參數的方式,小程序在參數的傳遞時,采用事件對象的自定義屬性的方式,具體實現(xiàn)如下: wxml: view bindtap=\\\"goTo\\\" data-index =\\\"{{item.index}}\\\"點擊事件傳參/view js中: goTo: function(e){ ? ? // 傳遞的參數 ? ?

    2024年02月12日
    瀏覽(88)
  • 微信小程序button按鈕去除邊框

    今天在小程序開發(fā)中想要去除按鈕的邊框,直接使用 border: none 不起作用,選擇器后加一個::after偽元素才行。 例: button:: after{ border: none }

    2024年02月06日
    瀏覽(91)
  • 微信小程序:修改按鈕BUTTON尺寸

    微信小程序:修改按鈕BUTTON尺寸

    ? 微信小程序當中通過wxss來設置button的寬高值并不起效果,而size屬性卻只有兩個合法值,當我們想要自定義大小時則: 在 標簽中直接寫 style即可: (當前為開發(fā)者模式無法進入會話,真機調試即可看到效果)?

    2024年02月11日
    瀏覽(299)
  • 微信小程序button按鈕無法更改尺寸解決

    微信小程序button按鈕無法更改尺寸解決

    在微信小程序新版本中, button按鈕 無法支持在wxss文件中 直接自定義width 和 height? ?解決方法有兩種: ? ? ? ? 1. 推薦使用: 在根目錄中的app.json文件中, 刪除其中的 即可, 但影響性較大, 如果項目中的其他樣式 使用了新版本的特性, 則 刪除該行代碼后 項目中的其他樣式 可能會

    2024年02月15日
    瀏覽(91)
  • 《微信小程序案例4》bindtap點擊事件使用自定義數據data-xxx傳參方法

    《微信小程序案例4》bindtap點擊事件使用自定義數據data-xxx傳參方法

    1、首先在標簽中使用data-xxx來自定義要傳入的數據,xxx代表數據值 2、綁定事件bindtap=xxx 3、在js中使用event.currentTarget.dataset.xxx來取你傳入的值 點擊結果成功:

    2024年02月13日
    瀏覽(91)
  • 微信小程序button按鈕去除邊框去除背景色

    微信小程序button按鈕去除邊框去除背景色

    button邊框 去除button邊框 在button上添加plain=“true” 在css中添加button.avatar-wrapper {background: none}用于去除button背景色 在css中添加button.avatar-wrapper[plain]{ border:0 }用于去除button邊框

    2024年02月06日
    瀏覽(102)
  • 微信小程序【button按鈕頁面跳轉】兩種方式

    微信小程序【button按鈕頁面跳轉】兩種方式

    首先,微信開發(fā)者工具打開是這個樣子的? ?紅框的設置如下 第一種方式:新建component(組件) 只用輸入一次就會出現(xiàn),四個文件,form.js,form.wxss,form.wxml,form.json 在index.js文件中出現(xiàn),建立在methods:{}里面? 第二種方式:直接建立頁面,兩種方式,index.js中設置是不一樣的

    2024年02月11日
    瀏覽(88)
  • 【微信小程序】按鈕button組件寬設置無效解決方案

    【微信小程序】按鈕button組件寬設置無效解決方案

    給button組件添加一個class類名,在對應的wxss中編寫寬的設置樣式,竟然發(fā)現(xiàn)無效, 審查元素后發(fā)現(xiàn)了原因,被小程序自帶的樣式影響了 當沒有設置size=\\\"mini\\\"的屬性時,被小程序自帶默認樣式button:not([size=mini])中設置的width:184px優(yōu)先級更高給覆蓋了 當設置了size=\\\"mini\\\"的屬性時,

    2024年02月10日
    瀏覽(577)
  • 【微信小程序】使用button組件來實現(xiàn)一個帶有點擊效果的按鈕,按鈕中間添加一個大的+號圖標

    在微信小程序中,你可以使用 button 組件來實現(xiàn)一個帶有點擊效果的按鈕,并在按鈕中間添加一個大的+號圖標。以下是一個示例代碼: 在上述代碼中,我們使用了微信小程序的 button 組件,并在其中添加了一個 text 組件,文本內容為+號。使用類名為 button 的樣式設置了按鈕的

    2024年02月16日
    瀏覽(98)
  • 微信小程序數據綁定和事件觸發(fā)

    數據綁定和修改 微信小程序數據綁定是指將數據和視圖進行關聯(lián),當數據發(fā)生變化時,視圖也會相應地發(fā)生變化。微信小程序數據綁定主要有以下幾種方式: 雙向綁定:雙向綁定是指數據和視圖之間的雙向關聯(lián),當數據發(fā)生變化時,視圖也會相應地發(fā)生變化,反之亦然。在

    2024年02月10日
    瀏覽(92)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包