日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

JavaScript實現點擊自制菜單效果

瀏覽:32日期:2023-06-09 18:53:08

本文實例為大家分享了JavaScript實現點擊自制菜單效果的具體代碼,供大家參考,具體內容如下

應用場景:當我們希望用戶再點擊右鍵的時候不希望彈出瀏覽器的默認菜單時,需要阻止瀏覽器默認行為,并執行我們想要的效果

第一種方式,通過創建元素的方式

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <title>Document</title> <style> body { height: 3000px; }.menu { width: 100px; height: 280px; background-color: red; position: absolute; left: 0; top: 0; display: none; } </style></head><body> <script> var Bon = true; var menu = null; document.oncontextmenu = function(event) { if (Bon) {menu = document.createElement('div');menu.classList.add('menu');document.body.appendChild(menu);menu.style.left = event.pageX + 'px';menu.style.top = event.pageY + 'px';menu.style.display = 'block';Bon = false;event.preventDefault(); } else {menu.style.left = event.pageX + 'px';menu.style.top = event.pageY + 'px';event.preventDefault(); } } document.onmousedown = function(e) { if (e.button == 0) {var menu = document.querySelector('.menu');document.body.removeChild(menu);Bon = true; } } </script></body></html>

第二種:通過隱藏元素的方式

<div class='menu'></div> <script> var menu = document.querySelector('.menu'); document.oncontextmenu = function(event) { menu.style.left = event.pageX + 'px'; menu.style.top = event.pageY + 'px'; menu.style.display = 'block'; event.preventDefault(); } document.onmousedown = function(e) { if (e.button == 0) {menu.style.display = 'none'; } }</script>

當我們點擊右鍵時就不會彈出默認的菜單了,彈出了我設置的紅框框。

JavaScript實現點擊自制菜單效果

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
日本大胆欧美人术艺术动态| 欧美日韩1区2区3区| 日韩av一级片| 国产美女视频一区二区| 国产精品chinese| 国内自拍视频一区二区三区| 国产一区二区三区黄网站 | 亚洲专区一区| 日韩1区2区日韩1区2区| 国产精品尤物| 国产一区二区三区久久| 国产精品白丝一区二区三区| 国产精品极品国产中出| 神马午夜在线视频| 香蕉视频成人在线观看| 欧美日韩亚洲一区在线观看| 久久av国产紧身裤| 宅男在线一区| 亚欧成人精品| 黄色在线观看www| 亚洲欧美久久久| 国产精品一区高清| 久久精品青草| 久久国产欧美日韩精品| 日韩在线观看不卡| 男女男精品视频网| 麻豆国产欧美一区二区三区 | 国产精品日本| 精品中文字幕一区二区三区四区| 久久网站免费观看| 日韩高清不卡一区| 香蕉国产精品| 麻豆精品视频在线观看免费| 亚洲女同中文字幕| 精品久久久网| 亚洲人成高清| 一区二区三区视频免费观看| 欧美亚洲免费| 欧美日韩精品一区二区视频| 国产探花在线精品一区二区| 99视频+国产日韩欧美| 日韩不卡一区| 国产精品久久久久av蜜臀| 丝袜a∨在线一区二区三区不卡| 色婷婷综合网| 久久影视三级福利片| 亚洲精选av| 中国女人久久久| 日韩中文在线播放| 91精品国产经典在线观看| 欧美特黄一级| 亚洲婷婷在线| 婷婷综合在线| 激情黄产视频在线免费观看| 欧美国产极品| 国产精品免费大片| 麻豆免费精品视频| 卡一精品卡二卡三网站乱码| 欧美一区久久| 国产精品亚洲片在线播放| 日日夜夜免费精品视频| 婷婷五月色综合香五月| 日韩国产在线观看| 欧美在线日韩| 九九九精品视频| 日韩久久精品| 黄色精品网站| 亚洲一区二区成人| 亚洲综合另类| 亚洲精品乱码久久久久久蜜桃麻豆| 久久国产精品毛片| 中文字幕亚洲影视| 国产精品mm| 成人三级高清视频在线看| 黄在线观看免费网站ktv| av一区二区高清| 少妇精品久久久一区二区| 久久国内精品自在自线400部| 久久国产三级| 三级精品视频| 最新亚洲国产| 另类欧美日韩国产在线| 午夜av成人| 亚洲黄色影院| 日韩高清不卡一区二区| a天堂资源在线| 亚洲一区二区三区在线免费| 欧美一区激情| 91成人网在线观看| 青草国产精品| 99精品在线| 国产亚洲精品美女久久 | 国产va免费精品观看精品视频| 国产一在线精品一区在线观看| 亚洲精品欧美| 亚洲午夜av| 日本综合精品一区| 在线观看精品| 日本不卡视频在线观看 | 久久亚洲资源中文字| 日韩影院在线观看| 在线天堂中文资源最新版| 亚洲精品无播放器在线播放| 电影亚洲精品噜噜在线观看| 日韩国产在线一| 亚洲欧美成人综合| 色天使综合视频| 精品三级久久久| 亚洲专区欧美专区| 亚洲手机视频| 涩涩av在线| 麻豆国产在线| 精品久久免费| 美女视频免费精品| 国产美女撒尿一区二区| 日韩欧美精品一区二区综合视频| 99香蕉国产精品偷在线观看| 日韩欧美午夜| 91欧美国产| 超碰99在线| 色一区二区三区| 日韩伦理在线一区| 日韩大片在线| 成人在线视频区| 另类专区亚洲| 亚洲v在线看| 亚洲a在线视频| 亚洲高清影视| 亚洲欧美视频| 中文字幕亚洲精品乱码| 久久国产66| 91精品国产自产精品男人的天堂 | 久久亚洲黄色| 精品国产99| 国产99在线| 国产伊人精品| 美女尤物久久精品| 亚州精品视频| 国产精品2023| 日韩精品1区| 日韩在线一区二区| 国产精品对白久久久久粗| 欧美激情 亚洲a∨综合| 日本一二区不卡| 欧美日韩视频| 日韩av资源网| 亚洲欧洲高清| 蜜桃av一区二区三区电影| 日本免费新一区视频| 国产一区二区亚洲| 五月精品视频| 国产精品网址| 精品1区2区3区4区| 国产麻豆一区| 欧美综合国产| 精品午夜久久| 蜜桃久久久久久| 免费福利视频一区二区三区| 手机精品视频在线观看| 卡一精品卡二卡三网站乱码| 亚洲女同一区| 91视频久久| 国产九一精品| 蜜臀精品久久久久久蜜臀 | 亚洲美女91| 日韩电影在线视频| 国产免费播放一区二区| 亚洲在线成人| 国产videos久久| 青青青国产精品| 玖玖精品视频| 在线日韩中文| 三上悠亚国产精品一区二区三区| 97久久中文字幕| 香蕉久久国产| 在线看片不卡| 久久影院一区二区三区| 日韩高清不卡一区| 日韩一级欧洲| 久久青草久久| 国产aⅴ精品一区二区三区久久| 日本不卡不码高清免费观看| 亚洲一区二区动漫| 久久久久久久久久久9不雅视频| 精品三区视频| 久久中文在线| 成午夜精品一区二区三区软件| 国产精品夜夜夜| 7m精品国产导航在线| 中文字幕一区二区精品区| 免费观看日韩电影| 久久久成人网| 伊人久久视频| 四季av一区二区凹凸精品| 免费亚洲婷婷| 特黄毛片在线观看| 欧美日韩一二三四| 婷婷综合社区| 伊人久久亚洲| 91p九色成人|