JavaScriptに基づいてスマート右クリックメニューを実現します.

1729 ワード

ここではスマート右ボタンメニューを紹介します.紹介するファイルは文末で提供します.まずコードを見せます.
具体的なコードは以下の通りです.

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 
 
‘th’は右ボタンを付けるラベルを指定していますが、実際には表のヘッダに私のところが付けられていますので、thラベルe.which=3は右ボタンです.
ここには二つの状況が並べられています.
一つはメニューの内容を決定するために、前のopertionで右クリックメニューの名前を定義します.
もう一つは、サーバーからデータを取得することによって、配列に保存することができます.ここで書きました.そして、二つ目の方式で実現します.
導入するファイル:http://download.csdn.net/detail/u012116457/9449905
以上の内容は小编がみんなに共有するJavaScriptに基づいてスマート右クリックメニューの関连している知识を実现します.