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

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

JavaScript實現點擊自制菜單效果

瀏覽:36日期: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久久,三上悠亚国产精品一区二区三区
免费高潮视频95在线观看网站| 激情综合激情| 欧美精选一区二区三区| 久久久久美女| 性一交一乱一区二区洋洋av| 国产精品老牛| 91成人在线| 日本免费在线视频不卡一不卡二| 日本伊人久久| 嫩草伊人久久精品少妇av杨幂| 国内自拍视频一区二区三区| 日韩啪啪电影网| 久久福利一区| 久久精品国产亚洲aⅴ| 久久电影tv| 免费观看日韩电影| 尤物网精品视频| 国产黄色精品| 久久国产电影| 欧美日韩黄网站| 久久久精品网| 青草久久视频| 亚洲成a人片| 欧美一级二级三级视频| 超级白嫩亚洲国产第一| 欧美aa在线视频| 久久影院资源站| 亚洲精品国产精品粉嫩| 综合激情在线| av资源亚洲| 亚洲九九精品| 激情综合婷婷| 91久久久精品国产| 国产欧美啪啪| 91中文字幕精品永久在线| 欧美精品黄色| 欧美91视频| 国产精品毛片在线| 国产乱人伦丫前精品视频| 1024精品一区二区三区| 国产日韩欧美一区在线| 日韩二区三区四区| 青青在线精品| 久久在线免费| 亚洲18在线| 亚洲婷婷在线| 国精品产品一区| 最新亚洲一区| 日韩精品91亚洲二区在线观看| аⅴ资源天堂资源库在线| 日本va欧美va欧美va精品| 日韩在线二区| 亚洲福利专区| 精品入口麻豆88视频| 亚洲专区视频| av不卡免费看| 国产精品最新| 深夜日韩欧美| 美女精品在线观看| 福利在线免费视频| 精品国产一区二区三区2021| 成人免费网站www网站高清| 日韩av一二三| 色综合视频一区二区三区日韩 | 日韩成人亚洲| 久久久久久久久丰满| 蜜桃tv一区二区三区| 日韩一级精品| 91精品尤物| 国产suv精品一区二区四区视频| 国产成人免费| 久久高清精品| 亚州精品视频| 日韩av自拍| 亚洲综合国产| 国产另类在线| 99精品电影| 日韩**一区毛片| 精品久久久久中文字幕小说| 精品国产91| 9色精品在线| 国精品产品一区| 在线国产日韩| 高清不卡一区| 日本高清久久| 日韩精品免费一区二区三区| 蜜桃免费网站一区二区三区| 精品深夜福利视频| 综合干狼人综合首页| 日韩免费av| 日本精品另类| 午夜国产精品视频| 精品网站aaa| 欧美日韩1区2区3区| 久久国产成人午夜av影院宅| 久久精品97| 男人的天堂亚洲一区| 国产亚洲一区二区手机在线观看 | 麻豆精品在线播放| 国产欧美日韩一级| 国产一区亚洲| 9999国产精品| 麻豆国产精品一区二区三区| 天使萌一区二区三区免费观看| 国产精品地址| 少妇高潮一区二区三区99| 国内精品福利| 国产一区二区亚洲| 青青草精品视频| 久久性天堂网| 亚洲国产综合在线看不卡| 久久精品午夜| 日本va欧美va精品发布| 欧美精品九九| 婷婷亚洲五月| 久久精品中文| 99久精品视频在线观看视频| 中国字幕a在线看韩国电影| 国产日韩欧美一区二区三区在线观看| 亚洲一区二区三区高清| 亚洲国产日韩欧美在线| 成人av三级| 精品国产乱码| 国产成人精选| 不卡福利视频| 久久精品国语| 妖精视频成人观看www| 亚洲女人av| 中文字幕日韩亚洲| 日韩国产欧美在线视频| 国产精品久久久久久久久久白浆 | 欧美视频精品全部免费观看| 中文字幕av一区二区三区四区| 免费视频最近日韩| 视频一区日韩精品| 国产精品美女午夜爽爽| 久久精品国产精品亚洲毛片| 国产精品毛片久久| 自拍日韩欧美| 国产一级成人av| 成人一区而且| 黑丝一区二区三区| 日韩av一级片| 久久久男人天堂| 免费成人在线影院| 国产精品一区毛片| 亲子伦视频一区二区三区| 欧美不卡高清| 日本vs亚洲vs韩国一区三区二区| 欧美激情一区| 免费日本视频一区| 国产一区二区三区四区二区| 午夜欧美视频| 国产精品免费不| 影音先锋久久| 精品一区二区三区亚洲| 亚洲一区欧美激情| 精品久久久久中文字幕小说| 亚洲在线免费| 黄色在线观看www| 欧美日韩 国产精品| 在线一区电影| 国产一区二区三区四区二区| 蜜桃视频一区二区三区| 日本少妇一区| 成人污污视频| 国产日韩一区二区三区在线播放| 欧美精品一二| 日韩视频网站在线观看| 国产日韩一区二区三免费高清| 亚洲深夜福利| 久久人人97超碰国产公开结果| 国产麻豆一区二区三区精品视频| 美女精品在线| 亚洲欧美日本国产专区一区| 久久精品免费一区二区三区| 国产91欧美| 久久国产生活片100| 日韩午夜视频在线| 蜜桃91丨九色丨蝌蚪91桃色| 久久网站免费观看| 欧美韩日一区| 亚洲天堂资源| 青青久久av| 久久亚洲国产| 91精品国产91久久久久久黑人| 高清日韩中文字幕| 日韩国产专区| 日韩久久一区二区三区| 成人自拍av| 午夜日韩av| 一级成人国产| 亚洲资源在线| 日韩美女精品| 国产精品18| 日韩深夜视频| 国产在线成人| 免费人成在线不卡| 国产精区一区二区| 精品国产aⅴ|