<div class="right" >
<div class="tags_div" v-menus id="list">
<ul id="floor31">
<li class="tou">{{text}}</li>
</ul>
<ul class="roomlist" id="room31" >
<li :id='"itema"+i' class="roomtitle" v-for="(am,i) in item" :key="i" :data-id="i" >
<p class="roomp0"></p>
<p class="roomp1">{{am.num}}</p>
<p class="roomp2">{{am.name}}</p>
<p class="roomp4">￥{{am.money}}</p>
</li>
</ul>
</div>
var menu1 = document.getElementById("myMenuVC1");
var menu2 = document.getElementById("myMenuVC2");
var menu3 = document.getElementById("myMenuVC3");
var menu4 = document.getElementById("myMenuVC4");
var menu5 = document.getElementById("myMenuVC5");
var www = $('.roomlist li').data("www");
var room = $('.roomlist li');
// var menu = document.getElementById("myMenuVC1");
for (var i = 0; i < room.length; i++) {
$(room).bind("contextmenu", function (e) {
var www = isEmpty($(this).attr('data-www'));
if(www){
var a = $(this).attr('data-www');
if(a==18){
window.dataid=$(this).attr('data-id');//設定全域變數
window.room;//設定全域變數
var a = $(this).attr('data-id');
var e = e || window.event;
//滑鼠點的坐標
var oX = e.clientX;
var oY = e.clientY;
//選單出現后的位置
menu1.style.display = "block";
menu1.style.left = oX + "px";
menu1.style.top = oY + "px";
return false;
}else if(a==28){
window.dataid=$(this).attr('data-id');//設定全域變數
window.room;//設定全域變數
var a = $(this).attr('data-id');
var e = e || window.event;
//滑鼠點的坐標
var oX = e.clientX;
var oY = e.clientY;
//選單出現后的位置
menu2.style.display = "block";
menu1.style.display = "none";
menu2.style.left = oX + "px";
menu2.style.top = oY + "px";
return false;
}else if(a==38){
window.dataid=$(this).attr('data-id');//設定全域變數
window.room;//設定全域變數
var a = $(this).attr('data-id');
var e = e || window.event;
//滑鼠點的坐標
var oX = e.clientX;
var oY = e.clientY;
//選單出現后的位置
menu3.style.display = "block";
menu1.style.display = "none";
menu3.style.left = oX + "px";
menu3.style.top = oY + "px";
return false;
}else if(a==48){
window.dataid=$(this).attr('data-id');//設定全域變數
window.room;//設定全域變數
var a = $(this).attr('data-id');
var e = e || window.event;
//滑鼠點的坐標
var oX = e.clientX;
var oY = e.clientY;
//選單出現后的位置
menu4.style.display = "block";
menu1.style.display = "none";
menu4.style.left = oX + "px";
menu4.style.top = oY + "px";
return false;
}else if(a==58){
window.dataid=$(this).attr('data-id');//設定全域變數
window.room;//設定全域變數
var a = $(this).attr('data-id');
var e = e || window.event;
//滑鼠點的坐標
var oX = e.clientX;
var oY = e.clientY;
//選單出現后的位置
menu5.style.display = "block";
menu1.style.display = "none";
menu5.style.left = oX + "px";
menu5.style.top = oY + "px";
return false;
}
}
// 關閉選單
document.onclick = function(e) {
var e = e || window.event;
menu1.style.display = "none";
menu2.style.display = "none";
menu3.style.display = "none";
menu4.style.display = "none";
menu5.style.display = "none";
}
});
}
//判斷是否為空值
function isEmpty(value)
{
if (typeof(value)!="undefined"&& value!='')
{
return true;
}else{
return false;
}
}
uj5u.com熱心網友回復：
要么通過事件物件的坐標判斷是否在觸發區域，要么里面再放個div 再加右鍵事件uj5u.com熱心網友回復：
試了，還是不行
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/10605.html
標籤：JavaScript
上一篇：敲DOM編程藝術沒反應 求查錯