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();进行页面的关闭’

  • 相关阅读:
    [Tkinter 教程12] 布局管理 (Pack Place Grid)
    python 文本全选
    CMD窗口恢复默认设置
    Python基础第一天
    Windows:安装Python2.7、3.6与共存,安装pycharm
    Linux安装
    Python input() 函数
    python的continue和pass的区别
    Python 文件读写操作实例详解
    python tkinter教程-事件绑定
  • 原文地址:https://www.cnblogs.com/shuaishuaidejun/p/6258915.html
Copyright © 2011-2022 走看看