Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[js] 第377天 写一个方法实现自定义右键菜单的功能 #2300

Open
haizhilin2013 opened this issue Apr 26, 2020 · 1 comment
Open
Labels
js JavaScript

Comments

@haizhilin2013
Copy link
Collaborator

第377天 写一个方法实现自定义右键菜单的功能

我也要出题

@haizhilin2013 haizhilin2013 added the js JavaScript label Apr 26, 2020
@caro1xxx
Copy link

  /* 
    思路
      触发contextmenu事件,屏蔽浏览器默认事件
  */
  let menu = document.getElementById("menu");
  window.addEventListener("contextmenu", function (event) {
    event.preventDefault();
    menu.style.marginTop = event.clientY + "px";
    menu.style.marginLeft = event.clientX + "px";
    menu.style.visibility = "visible";
  })
  window.addEventListener("click", function (event) {
    event.preventDefault();
    menu.style.visibility = "hidden";
  })

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
js JavaScript
Projects
None yet
Development

No branches or pull requests

2 participants