想写一个网页,上面好多链接。左键点击链接打开页面。右键点击后使用AJAX加载链接页面的简介。
当然,你可以在任何地方实现特定的右键点击动作。只需要使用event.srcElement.id或event.srcElement.name即可获得你的鼠标点击的对象。如果是在页面上点击的话,以上两个变量的值应该是空。
链接上使用OnClick事件只能响应左键点击。这里写出我的实现方法
<
html
>
< head >
< title > test </ title >
< script > ...
function Ontest()
...{
var logid = event.srcElement.id;
if(logid == "" || logid.indexOf("log"))
return false;
//这样的话,右键点击非log打头的链接或在页面上其他地方点击右键仍然会出现右键菜单
if(event.button==1)
return true;
if(event.button!=1)
alert("右键点击了ID为"+ event.srcElement.id +"的链接"); //改成实际处理代码
}
document.onmousedown=Ontest;
</ script >
</ head >
< body >
< A HREF ="page.php" id ="log2" > test </ A >
< A HREF ="#" id ="log1" > test </ A >
< A HREF ="#" id ="test" > test </ A >
</ body >
</ html >
< head >
< title > test </ title >
< script > ...
function Ontest()
...{
var logid = event.srcElement.id;
if(logid == "" || logid.indexOf("log"))
return false;
//这样的话,右键点击非log打头的链接或在页面上其他地方点击右键仍然会出现右键菜单
if(event.button==1)
return true;
if(event.button!=1)
alert("右键点击了ID为"+ event.srcElement.id +"的链接"); //改成实际处理代码
}
document.onmousedown=Ontest;
</ script >
</ head >
< body >
< A HREF ="page.php" id ="log2" > test </ A >
< A HREF ="#" id ="log1" > test </ A >
< A HREF ="#" id ="test" > test </ A >
</ body >
</ html >