html5新增了通过什么方式设置自定义属性,css自定义属性

　　问题背景

　　我们经常使用data-id=1 的方式在页面和js之间传递值，然后通过e.target.dataset.id得到id的值

　　今天取不到值。

　　问题分析

　　后来发现E对象有currentTarget和Target的属性，数据集在currentTarget中，所以通过e.currentTarget.dataset.id得到了正确的值

　　另外，data-id=1 不要用驼峰命名，比如data-Id=1 ，这样有时候取不到值。

　　HTML5 自定义属性

　　我们经常在网站上看到以数据开头的属性定义。虽然W3C不承认它们，但是最新的HTML5规定数据-是合理的。在HTML5中，任何以data-开头的都是自定义属性，通常用于实现一些HTML中没有明确定义的元素，并将用户定义的属性应用到代码中。

　　微信小程序文档

　　什么是事件

　　它是从事件层到逻辑层的通信模式。

　　事件可以将用户的行为反馈给逻辑层进行处理。

　　事件可以绑定到组件上，当触发事件到达时，就会执行逻辑层中相应的事件处理函数。

　　事件可以携带额外的信息，例如id、数据集、触摸。

　　事件的使用方式

　　在组件中绑定事件处理程序。

　　比如bindtap，当用户点击这个组件时，就会在这个页面的对应页面中找到对应的事件处理函数。

　　查看id=tapTest 数据-hi=微信 bindtap=tapName 点击我！/view在对应的页面定义中写对应的事件处理函数，参数为event。

　　page({ tap name:function(event){ console . log(event)} })显示登出的信息大致如下：

　　{ type:tap ， timeStamp:895， target: { id: tapTest ， dataset :{ id : tap test ， dataset: { hi :微信 } }， detail: { x:53， y:14 }， touches:[{ identifier:0， pageX:53， pageY:14， clientX:53， clientY:14 }]，Changed touches :[{ t :[

　　总结

　　以上是边肖介绍的HTML5自定义属性的问题分析。希望对你有帮助。如果您有任何问题，请给我留言，边肖将及时回复您。非常感谢您对网站的支持！

　　如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。