HTML5自定特性的难题剖析

日期:2021-02-22 类型:科技新闻 

关键词:如何制作微信小游戏,微信游戏小程序,公众号游戏,h5小游戏模板,小程序游戏源码

难题情况

在网页页面与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-刚开始的全是自定特性,一般它用来完成1些HTML里沒有确立界定的元素,把客户自定的特性运用到编码中

手机微信小程序流程文本文档

甚么是恶性事件

恶性事件是主视图层到逻辑性层的通信方法。

恶性事件能够将客户的个人行为意见反馈到逻辑性层开展解决。

恶性事件能够关联在组件上,当做到开启恶性事件,就会实行逻辑性层中对应的恶性事件解决涵数。

恶性事件目标能够携带附加信息内容,如 id, dataset, touches。

恶性事件的应用方法

在组件中关联1个恶性事件解决涵数。

如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自定特性的难题剖析,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!
假如你感觉本文对你有协助,欢迎转载,烦请注明出处,感谢!

上一篇:html5 外链条式完成加减乘除的编码 返回下一篇:没有了