zoukankan      html  css  js  c++  java
  • 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();进行页面的关闭’

  • 相关阅读:
    win8系统下,python 2.7安装xlrd,xlutils和xlwt的方法
    phone number
    string to int
    Linux P2V Azure
    Azure IaaS 知识点小节
    Exchange端口列表
    自签名证书和私有CA签名的证书的区别 创建自签名证书 创建私有CA 证书类型 证书扩展名(转)
    Power BI REST API
    Web App 压力测试
    Azure IaaS限制
  • 原文地址:https://www.cnblogs.com/shuaishuaidejun/p/6258915.html
Copyright © 2011-2022 走看看