イベントをダブルクリックして使用
6923 ワード
1.echartsクリックダブルクリック同時使用
clickとdbl clickが競合しているため、2つのクリック効果を同時に実現することはできません.最後にsettimeoutシミュレーションを使用してクリックしてダブルクリックします.
2.vue要素をダブルクリックして同時に使用
clickとdbl clickが競合しているため、2つのクリック効果を同時に実現することはできません.最後にsettimeoutシミュレーションを使用してクリックしてダブルクリックします.
var g_clickTime=null;
var g_TimeFn = null;
var g_onItemName = null;
//
myChart.on('click', function (e) {
var myDate = new Date();
if (g_clickTime == null){
//
g_clickTime = myDate.getMilliseconds();
g_onItemName = e.name;
// ,
g_TimeFn = setTimeout(function(){
//
g_clickTime=null;
},300);
}else{
clearTimeout(g_TimeFn);
// ,
if( Math.abs(myDate.getMilliseconds()-g_clickTime) < 300 && g_onItemName == e.name){
//
console.log(e);
}
g_clickTime=null;
}
});
2.vue要素をダブルクリックして同時に使用
data:{
clickTimes:0,//
}
this.clickTimes++;
if (this.clickTimes === 2) {
// 2
this.clickTimes = 0; //
// ...
}
let _this = this
setTimeout(function () {
if (_this.clickTimes === 1) {
_this.clickTimes = 0; //
// ...
}, 300)