微信小程序：【view】中的js代码操作合集！

########################### 【前台 WXML】 ####################

< view class= "Row_1 green" id= "key_9" bindtap= 'Click' data-text= "91">9 </ view >

< view class= "Row_1 green" id= "key_8" bindtap= 'Click' data-text= "82">8 </ view >

【1】、 data-text= "91" // 给view赋值

【2】、bindtap='Click' // 后台JS的事件名称

【3】、id="key_8" // ciew的ID

########################### 【后台 JS】 ####################

/** 初始化和定义全局变量 */

data: {

id9: "key_9",

id8: "key_8",

id7: "key_7",

id_: "key_-",

id: "011"

},

/* 单击后的事件 */

Click: function (event)

{

console.log( this.data.id); // 向【console】输出显示内容

var value=event.target.id; // 获取当前控件的ID名称

var viewDataSet = event.target.dataset; // 获取view的text值，但是JSON格式，如：{text:82}

console.log(viewDataSet); // 可以显示看看什么值。

var viewText = viewDataSet.text; // 获取view的text值，如：data-text="82"

this.setData({ id: viewText}); // 【设置[Data]中绑定的变量值】

},