e.target.dataset.index获取不了

2024-09-03

小程序踩坑之获取不到e.target.dataset的值

在页面与js传值中我们经常用到data-id="1"的方式,然后通过e.target.dataset.id取id的值今天在获取值时怎么也取不到,后来发现e对象有currentTarget和target属性,而dataset就在currentTarget中,所以通过e.currentTarget.dataset.id取到了正确的值.另外data-id="1"最好不要用驼峰命名如:data-Id="1" ,这样有时候也取不到值.

使用e.target.dataset的问题

在微信开发中我们经常会用到标签中属性的属性值,有时候我们通过 data-* 和 e.target.dateset 来获取属性值会出现一点小bug,即是调用出来的数据是undefined. 1)方案1–去掉驼峰式命名,纯小写 <--HTML写法:--> <button binTap="buy" data-textId="101"></button> //JS调用: buy:function(e){ console.log(e.tar

ie9及以下不兼容event.target.dataset对象

ie9及以下不兼容event.target.dataset对象,请使用event.target.getAttribute('data-xxx')

event.target.dataset

dataset并不是典型意义上的JavaScript对象,而是个DOMStringMap对象,DOMStringMap是HTML5一种新的含有多个名-值对的交互变量. 1.event.target.dataset https://www.cnblogs.com/aichihuamei/p/6417268.html 2.HTMLElement.dataset https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/dataset 3

微信小程序 --- e.currentTarget.dataset.id 获取不到值

直接代码 wxml代码片段 <view class='ranksList' wx:for="{{ranksLb}}"> <view class='ranksListName'><image src='../image/icon-21.png'></image><text>{{item.name}}</text></view> <view class='ranksListNum'><la

目标用户偏好指数Target Group Index分析

目标用户偏好指数Target Group Index分析 TGI指数,全称Target Group Index,可以反映目标群体在特定研究范围内强势或者弱势. TGI指数计算公式 = 目标群体中具有某一特征的群体所占比例 / 总体中具有相同特征的群体所占比例 * 标准数100 TGI指数大于100,代表着某类用户更具有相应的倾向或者偏好,数值越大则倾向和偏好越强. 示例假设我们要研究A公司脱发TGI指数: 某一特征,就是我们想要分析的某种行为或者状态,这里是脱发(或者说受脱发困扰) 总体,是我

angular $index获取ng-repeat的上一条数据

<div ng-repeat="item in dataList" ng-click="func($index,$index-1)"></div> $scope.func = function(thisIndex,preIndex){ var thisIndexDataName = $scope.dataList[thisIndex].dataName;//当前这条数据对应dataName var preIndexDataName = $sc

微信开发e.target.dataset取值undefined

替换为: e.currentTarget.dataset.current

横向文本框 index获取索引和 eq 实现

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ display: none; } .header{ background-color: #eeeeee; height: 40px; width: 600px; margin: 0 aut

index获取子DOM对象在父DOM对象的内位置索引值

小程序demo项目实践

今天开始做一个简单的小程序,做的过程中势必会有一些知识经验需要记录项目初始化首先创建好一个小程序项目,在app.wxss里面将自带的css样式统统去除,加上自己写的初始化样式小程序目前不支持*号通配符 page,view,image,swiper,swiper-item,navigator,video{ box-sizing: border-box; } 将app.js中的原始逻辑去除一下,然后输入app+回车,会自动列出一个初始化的js结构之后,再清理一下首页中的index.wxml.

H5对自定义属性的规定和添加获取自定义属性的方法

H5对自定义属性的规定和添加获取自定义属性的方法元素属性那么多,如何区分是自带的属性还是默认的属性呢? H5规定自带的属性有个data- 前缀,如data-index="1" <script> var divele = document.querySelector("div"); //我们常用的添加和获取自定义属性 divele.setAttribute("flag", 1); console.log(divele.getAttri

html5和css3学习笔记

HTML5针对移动端,移动端的浏览器主要是chrome,是webkit内核; app(applicatin):应用; native app:原生的app sadsadsadad 单标签可以省略结尾标记; 比如input和br, /可以不写; 新增的标签 header,nav,footer,section,video,audio··· 功能性标签:video,audio,canvas··· 结构标签:header,nav,footer,section··· 页眉;不兼容IE8-; 页脚;不兼容IE

css3、html5学习笔记

2016/12/14 ----认真看完绝对对你有帮助 HTML5针对移动端,移动端的浏览器主要是chrome,是webkit内核; app(applicatin):应用; native app:原生的app sadsadsadad 单标签可以省略结尾标记; 比如input和br, /可以不写; H5新增的标签 header,nav,footer,section,video,audio··· 功能性标签:video,audio,canvas··· 结构标签:header,nav,footer,se

微信小程序image组件binderror使用例子(对应html、js中的onerror)

官方文档 binderror HandleEvent 当错误发生时,发布到 AppService 的事件名,事件对象event.detail = {errMsg: 'something wrong'} 在微信小程序开发中,我们使用列表包含图片,如果这个图片链接404错误,那么我们应该给它提供一个默认的友好URL地址.html和js中使用onerror事件就可以了 <img src="image.gif" onerror="this.src='https:w.chesu

微信小程序实现简易留言板

微信小程序现在很火,于是也就玩玩,做了一个简易的留言板,让大家看看,你们会说no picture you say a j8 a,好吧先上图. 样子就是的,功能一目了然,下面我们就贴实现的代码,首先是HTML页面,好吧,其实微信小程序的是wxml(微信ml)总感觉怪怪的,有木有.  <view class="msg-box">  <view class="send-box"&

（干货）微信小程序之上传图片和图片预览

这几天一直负责做微信小程序这一块,也可以说是边做边学习吧,把自己做的微信小程序的一些功能分享出来,与大家探讨一下,相互学习相互进步. 先看下效果图只写了一下效果样式的话希望大家不要太在意,下面马路杀手要开车了. 1.wxml排版和布局这个排版非常简单就是一个按钮button加个图片image标签而已,这个相信有点基础的人都能理解,直接放代码: <view class="container"> <view class="userinfo">

微信小程序之自定义select下拉选项框组件

知识点:组件,animation,获取当前点击元素的索引与内容微信小程序中没有select下拉选项框,所以只有自定义.自定义的话,可以选择模板的方式,也可以选择组件的方式来创建. 这次我选择了组件,这样只需引入组件和添加数据,其它的不用管,就能实现多个地方重复使用了. 第一步:创建组件所需的文件我喜欢把共用的内容都放在和pages文件同级的地方,所以有了下面的目录结构 (1) 先创建一个自定义名字的文件夹,例如我上面的Componet (2) 再创建一个select文件夹,然后:右键这个文件

微信小程序上传与下载文件

需要准备的工作: ①.建立微信小程序工程,编写以下代码. ②.通过IDE建立springboot+web工程,编写接收文件以及提供下载文件的方式,并将上传的文件相关信息记录在mysql数据库中.具体请查看https://www.cnblogs.com/chenfeifen/p/10261980.html 一.配置index.wxml  <view class="container"> <view class="u

微信小程序开发——设置默认图片、错误加载图片

小程序不支持h5中的onerrorimg,只开放了binderror属性,当错误发生时,会发布到 AppService,事件对象event.detail = {errMsg: 'something wrong'}. 网上查了下,没有什么好的解决方法,找了几个案例结果都没有实现想要的效果. 结合前边看过的案例,大部分都是采用修改数据源将错误图片替换为默认图片的,但是有好多代码都没贴全,以致不好理解. 下面就根据自己遇到的情况对图片为空.图片路径错误的情况进行了处理,相关代码如下,相关数据都有说明:

e.target.dataset.index获取不了

热门专题