weChat小程序--点击事件复制data绑定参数

怼烎@ 2022-05-24 03:10 209阅读 0赞

index.wxml

<view class="card_text sub" bindtap="onCallPhoneTap" data-name="12345678911">手机：12345678911</view>
    
      <view class="card_text" catchtap='onCopyTap' data-name="12345678911">微信：12345678911</view>
      <view class="card_text sub" catchtap='onCopyTap' data-name="12345678911"><text style='margin-right:14rpx;'>QQ</text>：12345678911</view>
      <view class="card_text">地址：火星</view>

点击触发绑定事件onCallPhoneTap~拨打电话/onCopyTap 剪切板

index.js

/**
    * 拨打电话
    */
    onCallPhoneTap: function (e) {
        const dataset = e.currentTarget.dataset, value = dataset.name;
        console.log(e)
    		wx.makePhoneCall({
    			// phoneNumber: this.data.tel,
    			phoneNumber: value,
    		});
    	},
    
    	/**
    	 * 复制信息
    	 */
    	onCopyTap: function (e) {
    		const dataset = e.currentTarget.dataset, value = dataset.name;
    		wx.setClipboardData({
    			data: value,
    			success: function (res) {
    				wx.showToast({ title: '复制成功！' });
    			}
    		});
    	},

注:绑定信息数据在  e.currentTarget.dataset  中,data-name对应为e.currentTarget.dataset.name,即可获取

发表评论取消回复

表情：

评论列表（有 0 条评论，209人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序父元素绑定事件，点击子元素获取不到绑定的参数

> 微信小程序父元素绑定事件，点击子元素获取不到绑定的参数示例里用的大多数是e.target.dataset,但是包含子元素的，拿到的不是自身dom。打印出来的e,

港控/mmm°/ 2022年09月08日 04:56/ 0 赞/ 278 阅读

相关动态绑定按钮点击事件

在做asp.net网站时对表格数据（操作列）进行操作（编辑和添加），制作的弹出框一模一样，只是单击事件执行代码不一样，为了不重新制作窗体，只能动态改变a标签事件。

矫情吗；*/ 2022年06月05日 08:44/ 0 赞/ 345 阅读

相关 weChat小程序--点击事件复制data绑定参数

index.wxml <view class="card_text sub" bindtap="onCallPhoneTap" data-name="12345678

怼烎@/ 2022年05月24日 03:10/ 0 赞/ 210 阅读

相关小程序绑定点击事件

1.页面添加 bindtap=”purchaseOn” <view class='quick-view-content' bindtap="purchaseOn"

梦里梦外;/ 2022年05月19日 04:36/ 0 赞/ 309 阅读

相关微信小程序点击事件绑定，实现页面跳转

例如，我在图片上绑定了一个点击事件bindtap。 test.wxml <image bindtap='onmoney' mode='aspectFill' s

港控/mmm°/ 2022年03月31日 10:54/ 0 赞/ 732 阅读

相关微信小程序事件绑定无效

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 写小程序的一个界面时，给最外层的view绑定了事件，结果

雨点打透心脏的1/2处/ 2022年01月14日 00:27/ 0 赞/ 487 阅读

相关微信小程序实现样式绑定，点击切换样式

我用的wepy框架开发微信小程序，有双向数据绑定就不需要对dom节点进行操作了。只需要用data-绑定变量就行了。效果图：（在原来的 class上追加样式，默认第一个被选

心已赠人/ 2021年12月09日 07:21/ 0 赞/ 551 阅读

相关微信小程序的事件绑定

事件类别： tap：点击事件； longtap：长按事件； touchstart：触摸开始； touchend：触摸结束； touchcansce：取消触摸；事件

清疚/ 2021年11月22日 22:58/ 0 赞/ 381 阅读

相关微信小程序点击事件绑定三目方法

![在这里插入图片描述][20190814170017526.png] 根据showLine的true 或 flase来判断进行show方法或者shou方法 [2019

刺骨的言语ヽ痛彻心扉/ 2021年10月19日 02:26/ 0 赞/ 637 阅读

相关微信小程序事件绑定

(1)绑定事件: 1、在wxml标签中如:bindtap='函数名' 函数名前不能有空格,不能直接写函数等表达式 2、其中bind为不会阻止事件

╰+攻爆jí腚メ/ 2021年07月24日 20:20/ 0 赞/ 696 阅读