六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

html中當上下文菜單被觸發時運行腳本的oncontextmenu事件

發表時間：2023-12-27 來源：明輝站整理相關軟件相關文章人氣：

[摘要]實例當用戶在 <div> 元素 上右擊鼠標時執行 JavaScript ：<div oncontextmenu="myFunction()" contextmenu="mymenu">定義和使用oncontextmenu 事件在元素中...

實例

當用戶在 <div> 元素 上右擊鼠標時執行 JavaScript ：

<div oncontextmenu="myFunction()" contextmenu="mymenu">

定義和使用

oncontextmenu 事件在元素中用戶右擊鼠標時觸發并打開上下文菜單。

注意：所有瀏覽器都支持 oncontextmenu 事件， contextmenu 元素只有 Firefox 瀏覽器支持。

瀏覽器支持

1W4LT7KJJT_}14H19MB8~FS.png

語法

HTML 中:

<element oncontextmenu="myScript">

JavaScript 中:

object.oncontextmenu=function(){myScript};

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("contextmenu", myScript);

注意： Internet Explorer 8 及更早 IE 瀏覽器版本不支持 addEventListener() 。

技術細節

是否支持冒泡:Yes
是否可以取消:Yes
事件類型:MouseEvent
支持的 HTML 標簽:所有 HTML 元素

當我們在瀏覽器中點擊鼠標右鍵時會彈出一個默認的窗口，我們可以通過改變oncontexmenu事件來修改它的默認事件；另外，當我們按空格鍵時，瀏覽器窗口的滾動條會向下滾動一段距離，我們也可以通過綁定相應的事件來改變它。如下：

<!doctype html>
<html>
    <head>
        <!--聲明當前頁面編碼集(中文編碼<gbk,gb2312>,國際編碼<utf-8>)-->
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="keywords" content="關鍵詞,關鍵詞">
        <meta name="description" content="">
        <title> html </title>
        <style type="text/css">
            *{padding:0px;margin:0px;}
            body{height:2000px;}
        </style>
    </head>
<body>
    <script>
/*屏蔽鼠標右鍵的默認事件*/
        document.oncontextmenu = function(){
            return false;
        };
/*屏蔽按空格鍵是滾動條向下滾動*/    
        document.onkeydown = function(ev){
            var e = ev  event;
            if(e.keyCode == 32){
                return false;
            }
        }
    </script>
</body>

</html>

下面是一個改變鼠標右鍵的默認事件案例：

<!doctype html>
<html>
    <head>
        <!--聲明當前頁面編碼集(中文編碼<gbk,gb2312>,國際編碼<utf-8>)-->
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="keywords" content="關鍵詞,關鍵詞">
        <meta name="description" content="">
        <title> html </title>
        <style type="text/css">
            *{padding:0px;margin:0px;}
            #box{display:none;width:150px;height:200px;background:gray;position:fixed;}
        </style>
    </head>
<body>
    <div id="box"></div>
        
    <script>
        var obox = document.getElementById("box");
        /*點擊鼠標右鍵時執行*/
        document.oncontextmenu =  function(ev){
            var e = ev  window.event;
            var x = e.clientX;
            var y = e.clientY;
            obox.style.cssText = "display:block;top:"+y+"px;left:"+x+"px;";
            return false;
        };
    /*點擊空白處隱藏*/
        document.onclick = function(){
            obox.style.display = "none";
        };
    </script>
</body>
</html>

以上就是html中當上下文菜單被觸發時運行腳本的oncontextmenu事件的詳細內容，更多請關注php中文網其它相關文章！


網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
主站蜘蛛池模板： 日本国产欧美色综合 | 日本视频播放 | 欧美一级一片 | 天堂网视频在线 | 日本高清视频免费观看 | 三级在线视频 | 在线污污视污免费 | 色五丁香| 人人做人人看 | 桃花久久| 日韩视频免费在线观看 | 三级黄色在线视频 | 天天躁日日躁成人字幕aⅴ 天天躁日日躁 疯人影院 | 天天干夜夜爽天天操夜夜爽视频 | 日本高清视频在线观看 | 五月婷婷丁香网 | 手机看片自拍自拍 | 午夜精品久视频在线观看 | 亚洲成年男人的天堂网 | 日本三级在线 | 青青草视频在线观看 | 三级黄色免费 | 亚洲福利一区福利三区 | 四虎影院久久久 | 伊人久久精品 | 午夜在线视频国产 | 最新国产你懂的在线网址 | 日本免费一区二区视频 | 青青草原在线视频免费观看 | 青娱乐在线视频盛宴 | 亚洲人成人77777在线播放 | 午夜性刺激片免费观看成人 | 亚洲视频一区在线观看 | 窝窝女人体国产午夜视频 | 亚洲国产成人影院播放 | 热热影院 | 欧美无专区 | 性感美女视频黄.免费网站 性感保姆正片 | 性感保姆正片 | 亚洲网色| 亚洲 欧洲 日产 韩国在线 |