zoukankan      html  css  js  c++  java
  • 获取鼠标在网页上的位置以及右击事件

    js写法
    document.getElementById("youji").oncontextmenu=youjiEvent;//指定这个元素 给他绑定右击事件
    function youjiEvent(){//鼠标右击时显示菜单
      alert(item.name);
      return false;//屏蔽网页本身的右击效果
    }

    jquery写法
    $(function(){
    $('#youji').mousedown(function(e){
    if(e.which==1){
    alert("这是左击事件");

    }else if(e.which == 2){
    alert("这是中击事件");
    }else{
    alert("这是右击事件");
    return false;//屏蔽不掉网页本身的右击事件
    }
    });
    })

    //鼠标右击的区域
    <div id="youji" style="200px; height:200px; background-color:#1621E5"></div>


    获取到鼠标在页面上点击时的xy坐标
    js写法
    var x,y;
    function mousePosition(ev){
    if(ev.pageX || ev.pageY){
    return {x:ev.pageX, y:ev.pageY};
    }
    return {
    x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
    y:ev.clientY + document.body.scrollTop - document.body.clientTop
    };
    }
    function mouseMove(ev){
    ev = ev || window.event;
    var mousePos = mousePosition(ev);
    x = mousePos.x;
    y = mousePos.y;
    }
    document.onmousedown = mouseMove;

  • 相关阅读:
    redis-x64-3.2.100下载安装
    open with live server没反应
    JavaScript 语言的历史
    在navicat查看mysql的版本
    node.js安装教程
    个人简介
    C语言结课课程设计
    CommonJS 规范 与 ES6 规范
    大文件分片上传,断点续传,秒传
    babel编译
  • 原文地址:https://www.cnblogs.com/wenjie123/p/4522483.html
Copyright © 2011-2022 走看看