click与 mousedown

一、想做出鼠标右键 自己定义的菜单

则需要先使用

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事件

因为有时候  假如我们需要 一个:  鼠标左键选中页面的某句话,或某个字,鼠标右键 有一个跳转百度搜索结果的选项

如图:click与 mousedown选中 佐佐木希,右键中选项search in baidu后页面跳转到百度 的效果

如果使用oncilck 事件,则  选中佐佐木希  当点击右键后 选中选中值会消失,不能将选中值传送给搜索功能

相反,使用onmousedown就不会出现该问题!

使用document.onmouseup= function(){

document.getSelection().toString();

}

方法来进行选中值的传递 (   也可以直接用 变量=document.getSelection().toString();的方式进行传递  当没有选中任何值时该方法返回值是undefined,  可以进行if判断语句);

最后利用 window.open(url地址);进行跳转链接;或者 window.close();进行页面的关闭’

上一篇:ruoyi管理系统建立子项目,卡住


下一篇:SQL Server 字符串处理