麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久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短视频在线 | 成人一级视频 | 国产美女精品视频 | 午夜精品福利在线观看 | 国产jjizz一区二区三区视频 | 中文字幕www. | 亚洲第一精品在线 | 97香蕉超级碰碰久久免费软件 | 欧美人人干 | 欧美女优一区 | 99日韩精品视频 | 97超视频在线观看 | 黄色一级视频 | 国产一级毛片国语版 | 日韩大片在线永久观看视频网站免费 | 九九热精品视频在线免费观看 | 国产在线观看免费视频软件 | 免费网站看v片在线a | 日韩在线毛片 | 成人三级电影网 | av在线免费观看播放 | 久久精品com| 久久久精品福利 | 久久草草影视免费网 | 国产精品视频一区二区三区四 | 久久久久久久久久久影视 | 久久我不卡 | 中文字幕视频在线播放 | 国产亚洲精品视频中文字幕 | 精品久久久一二三区播放播放播放视频 | 国产一级二级在线播放 | 黄色片小说| 国产亚洲精品久久久久婷婷瑜伽 | 黄网站在线免费 | av成人在线观看 | 成人在线免费观看网址 | 毛片在哪里看 | 少妇激情视频 | 亚洲欧美在线视频免费 | 久综合 | 被啪羞羞视频在线观看 |