麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > HTML > 正文

HTML5自定義屬性的問題分析

2024-08-26 00:21:39
字體:
來源:轉載
供稿:網友

問題背景

在頁面與js傳值中我們經常用到data-id="1"的方式,然后通過e.target.dataset.id取id的值

今天在獲取值時怎么也取不到

問題分析

后來發現e對象有currentTarget和target屬性,而dataset就在currentTarget中,所以通過e.currentTarget.dataset.id取到了正確的值。

另外data-id="1"最好不要用駝峰命名如:data-Id="1" ,這樣有時候也取不到值。

HTML5 自定義屬性

網站中經常會看到以data-開頭的屬性定義,雖然W3C不認定,但最新HTML5規定data-是合理的,在HTML5中,任何以data-開始的都是自定義屬性,通常它用來實現一些HTML里沒有明確定義的元素,把用戶自定義的屬性應用到代碼中

微信小程序文檔

什么是事件

事件是視圖層到邏輯層的通訊方式。

事件可以將用戶的行為反饋到邏輯層進行處理。

事件可以綁定在組件上,當達到觸發事件,就會執行邏輯層中對應的事件處理函數。

事件對象可以攜帶額外信息,如 id, dataset, touches。

事件的使用方式

在組件中綁定一個事件處理函數。

如bindtap,當用戶點擊該組件的時候會在該頁面對應的Page中找到相應的事件處理函數。

<view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view>

在相應的Page定義中寫上相應的事件處理函數,參數是event。

Page({  tapName: function(event) {    console.log(event)  }})

可以看到log出來的信息大致如下:

{  "type":"tap",  "timeStamp":895,  "target": {    "id": "tapTest",    "dataset":  {      "hi":"WeChat"    }  },  "currentTarget":  {    "id": "tapTest",    "dataset": {      "hi":"WeChat"    }  },  "detail": {    "x":53,    "y":14  },  "touches":[{    "identifier":0,    "pageX":53,    "pageY":14,    "clientX":53,    "clientY":14  }],  "changedTouches":[{    "identifier":0,    "pageX":53,    "pageY":14,    "clientX":53,    "clientY":14  }]}

使用WXS函數響應事件

總結

以上所述是小編給大家介紹的HTML5自定義屬性的問題分析,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!


注:相關教程知識閱讀請移步到HTML教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 亚洲码无人客一区二区三区 | 91成人午夜性a一级毛片 | 欧美日韩在线视频观看 | 亚洲九九色 | 国产妇女乱码一区二区三区 | 日韩中文字幕一区二区三区 | 操毛片 | 中文欧美日韩 | av在线直播观看 | 高潮激情aaaaa免费看 | 欧美一级不卡视频 | 国产69精品久久久久99尤 | 黄色美女网站免费看 | 日本成人高清视频 | 一区二区视 | 亚洲成人国产综合 | 午夜精品久久久久久中宇 | 亚洲av一级毛片特黄大片 | 成人性视频免费网站下载软件 | 久久亚洲视频网 | 日韩精品久久久久久久九岛 | 毛片a片免费看 | 久久在线精品视频 | av在线免费在线观看 | 久久久久亚洲a | 色七七网站 | 亚洲网站免费 | 日本网站一区 | 高清国产福利 | 色七七亚洲 | 欧美日韩综合视频 | 成人综合在线观看 | 久久久久久免费 | 超碰在线97国产 | 色婷婷久久久亚洲一区二区三区 | 久久久久九九九女人毛片 | 色97在线| 精品国产一区二区三区天美传媒 | 成人毛片免费 | 日韩中文字幕三区 | 色播一区|