一、想做出鼠标右键 自己定义的菜单
则需要先使用
document.oncontextmenu= functions(){
event.preventDefault()//去除鼠标右键的默认格式
}
然后利用event.button=2 // 当点击的键为鼠标右键的时候,
利用页面已经写好的div 将其display由none设置为 block;
并利用 定位position:absolute,以及 top = e.pageX-40+"PX";
left= e.pageY-40+"PX";
使得 点击鼠标右键的时候让对应div 出现在鼠标箭头出现的位置
二、点击上诉div中的选项(可以使用ul搭配li来设置选项)的事件最好绑定 mousedown事件
因为有时候 假如我们需要 一个: 鼠标左键选中页面的某句话,或某个字,鼠标右键 有一个跳转百度搜索结果的选项
如图:选中 佐佐木希,右键中选项search in baidu后页面跳转到百度 的效果
如果使用oncilck 事件,则 选中佐佐木希 当点击右键后 选中选中值会消失,不能将选中值传送给搜索功能
相反,使用onmousedown就不会出现该问题!
使用document.onmouseup= function(){
document.getSelection().toString();
}
方法来进行选中值的传递 ( 也可以直接用 变量=document.getSelection().toString();的方式进行传递 当没有选中任何值时该方法返回值是undefined, 可以进行if判断语句);
最后利用 window.open(url地址);进行跳转链接;或者 window.close();进行页面的关闭’