資訊專欄INFORMATION COLUMN
摘要：事件在版火狐瀏覽器下表現(xiàn)差異谷歌和其它瀏覽器打印復(fù)制阻止右鍵系統(tǒng)默認(rèn)的彈出框除了火狐，在其他瀏覽器上的交互右鍵執(zhí)行事件火狐是的時(shí)候執(zhí)行抬起消失兼容寫(xiě)法思路阻止默認(rèn)事件右鍵展示重寫(xiě)菜單左鍵隱藏
oncontextmenu事件 在MAC版火狐瀏覽器下表現(xiàn)差異
谷歌和其它瀏覽器
//css
*{margin:0;padding:0;}
#right-menu{position:absolute;width:150px;visibility:hidden;border:1px solid #bababa;box-shadow: 1px 1px 2px #8e8e8e;}
#right-menu li{list-style:none;text-indent:1em;}
#right-menu li a{display:block;height:30px;line-height:30px;text-decoration:none;color:#666;font-size: 12px;}
#right-menu li a:hover{background:#ebebeb;color:black;}
//html
//js
document.oncontextmenu = function(e){
if(window.event) e = window.event;
var mymenu = document.getElementById("right-menu");
mymenu.style.visibility = "visible";
mymenu.style.left = e.clientX + 5 +"px";
mymenu.style.top = e.clientY + 5 + "px";
return false;//阻止右鍵系統(tǒng)默認(rèn)的彈出框
};
document.onclick = function(){
var mymenu = document.getElementById("right-menu");
mymenu.style.visibility = "hidden";
}
//除了火狐，oncontextmenu在其他瀏覽器上的交互 右鍵mouseup 執(zhí)行事件
//火狐是mousedown的時(shí)候執(zhí)行 抬起消失
兼容寫(xiě)法
document.oncontextmenu = function(e){
return false;
};
document.onmouseup=function(e) {
var mymenu = document.getElementById("right-menu");
if (!e) e=window.event;
if (e.button==0) {
mymenu.style.visibility = "hidden";
}
if (e.button==2) {
mymenu.style.visibility = "visible";
mymenu.style.left = e.clientX + 5 +"px";
mymenu.style.top = e.clientY + 5 + "px";
}
}
//思路
1.阻止默認(rèn)事件
2.mouseup 右鍵展示重寫(xiě)菜單 左鍵隱藏
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/102196.html
摘要：學(xué)習(xí)要點(diǎn)傳統(tǒng)事件綁定的問(wèn)題事件處理函數(shù)事件處理函數(shù)事件對(duì)象的其他補(bǔ)充事件綁定分為兩種一種是傳統(tǒng)事件綁定內(nèi)聯(lián)模型，腳本模型，一種是現(xiàn)代事件綁定級(jí)模型?，F(xiàn)代事件綁定在傳統(tǒng)綁定上提供了更強(qiáng)大更方便的功能。事件和事件事件和事件，有關(guān)加載方面的事件。 學(xué)習(xí)要點(diǎn)： 1.傳統(tǒng)事件綁定的問(wèn)題2.W3C事件處理函數(shù)3.IE事件處理函數(shù)4.事件對(duì)象的其他補(bǔ)充 事件綁定分為兩種：一種是傳統(tǒng)事件綁定（內(nèi)聯(lián)模型...
摘要：前端技術(shù)前文了解了什么是前端，那么前端技術(shù)到底有哪些呢最核心的就這三個(gè)什么是，超文本標(biāo)記語(yǔ)言，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用那么超文本標(biāo)記語(yǔ)言又是什么呢哈哈，沒(méi)完沒(méi)了是吧，學(xué)習(xí)就是要這種沒(méi)完沒(méi)了的勁。前端技術(shù) 前文了解了什么是前端，那么前端技術(shù)到底有哪些呢？最核心的就這三個(gè)： html/html5 css/css3 javascript 什么是HTML HyperText Mark...
摘要：前言本篇文章是基礎(chǔ)知識(shí)的篇，如果前面的基礎(chǔ)知識(shí)入門(mén)篇看完了，現(xiàn)在就可以學(xué)習(xí)了?；靖拍罘譃槿齻€(gè)部分。在這個(gè)基礎(chǔ)上使用一些新特性，高級(jí)瀏覽器支持，低級(jí)瀏覽器不支持。在對(duì)象中的屬性是一個(gè)布爾值，只有和。 showImg(https://segmentfault.com/img/remote/1460000012581493?w=1920&h=1080); DOM 前言 本篇文章是JavaS...
摘要：一背景筆者月份在慕課網(wǎng)錄制視頻教程跨站漏洞加強(qiáng)安全里面需要講到很多實(shí)戰(zhàn)案例，在漏洞挖掘案例中分為了手工挖掘工具挖掘代碼審計(jì)三部分內(nèi)容手工挖掘篇參考地址為快速找出網(wǎng)站中可能存在的漏洞實(shí)踐一本文主要記錄利用安全工具進(jìn)行漏洞挖掘部分，分為了設(shè)置代 一、背景 筆者6月份在慕課網(wǎng)錄制視頻教程XSS跨站漏洞 加強(qiáng)Web安全,里面需要講到很多實(shí)戰(zhàn)案例，在漏洞挖掘案例中分為了手工挖掘、工具挖掘、代碼審...
閱讀 3265·2021-11-25 09:43
閱讀 3504·2021-11-11 16:54
閱讀 910·2021-11-02 14:42
閱讀 3840·2021-09-30 09:58
閱讀 3763·2021-09-29 09:44
閱讀 1358·2019-08-30 15:56
閱讀 2158·2019-08-30 15:54
閱讀 3045·2019-08-30 15:43
