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

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

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

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

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

        使用document.onmouseup= function(){

                    document.getSelection().toString();

               }

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

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

原文地址:https://www.cnblogs.com/shuaishuaidejun/p/6258915.html