Melaksanakan menu klik kanan pintar berdasarkan kemahiran JavaScript_javascript

WBOY
Lepaskan: 2016-05-16 15:12:37
asal
1078 orang telah melayarinya

Artikel ini akan memperkenalkan anda kepada menu klik kanan pintar Fail yang perlu diimport akan diberikan pada penghujung artikel Biar saya tunjukkan kodnya dahulu:

Kod khusus adalah seperti berikut:

var cityArray = new Array(); 
cityArray.push("北京"); 
cityArray.push("上海"); 
//设置表头的鼠标右击事件 
$('th').mousedown(function(e){ 
var selected = e.target.innerHTML; 
//3表示右键 
if(e.which==3){ 
if(selected=="订票类型"){ 
var opertion ={ 
name : "订票类型" 
}; 
var data = [[{ 
text:'出票', 
func:function(){ 
alert("出票"); 
} 
}],[{ 
text:'留票', 
func:function(){ 
alert("留票"); 
} 
}],[{ 
text:'改签', 
func:function(){ 
alert("改签"); 
} 
}],[{ 
text:'退票', 
func:function(){ 
alert("退票"); 
} 
}],[{ 
text:'全部', 
func:function(){ 
alert("全部"); 
} 
}]]; 
$(this).smartMenu(data,opertion); 
}else if(selected=="出发城市"){ 
var opertion ={ 
name : "出发城市" 
}; 
var data = []; 
for(var i=0;i<cityArray.length;i++){ 
//使用闭包 
(function(i){ 
func = function(){ 
alert(cityArray[i]); 
} 
})(i); 
var obj = { 
text:cityArray[i], 
func:func 
}; 
var cArray = new Array(); 
cArray.push(obj); 
data.push(cArray); 
} 
var other = { 
text:"全部", 
func:function(){ 
alert("全部"); 
} 
} 
var otherArray = new Array(); 
otherArray.push(other); 
data.push(otherArray); 
$(this).smartMenu(data,opertion); 
} 
} 
return false;//阻止链接跳转 
});
Salin selepas log masuk

$('th') menentukan label klik kanan, yang harus ditentukan mengikut situasi sebenar saya menambahkannya pada pengepala jadual, jadi ia adalah label ke
e.which = 3 bermaksud klik kanan

Dua situasi disenaraikan di sini

Salah satunya adalah untuk menentukan kandungan pada menu Gunakan pilihan sebelumnya untuk menentukan nama menu klik kanan, yang mesti unik

Yang lain tidak pasti Anda boleh mendapatkan data dari pelayan dan menyimpannya dalam tatasusunan Saya telah menulisnya dengan keras di sini, dan kemudian menggunakan cara kedua untuk melaksanakannya, yang memerlukan penggunaan penutupan

Fail untuk diimport: http://download.csdn.net/detail/u012116457/9449905

Kandungan di atas adalah pengetahuan yang dikongsi oleh editor tentang melaksanakan menu klik kanan pintar berdasarkan JavaScript. Saya harap ia akan membantu semua orang!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan