Rumah > hujung hadapan web > tutorial js > js如何添加鼠标右击事件

js如何添加鼠标右击事件

PHPz
Lepaskan: 2018-10-10 16:06:12
ke hadapan
2539 orang telah melayarinya

项目中用到了鼠标右击事件,在这里就当作几个笔记吧

直接上代码

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>Document</title></head><body>
    <button id = "btn1">点击我右击</button>
    <script type="text/javascript">
        //这一步是为了阻止右击时系统默认的弹出框
        document.getElementById("btn1").oncontextmenu = function(e){
            e.preventDefault();
        };        //在这里你就可以自己定义事件的函数啦
        document.getElementById("btn1").onmouseup=function(oEvent) {
            if (!oEvent) oEvent=window.event;            if (oEvent.button==2) {
                console.log(&#39;鼠标右击了&#39;)
            }
        }    </script></body></html>
Salin selepas log masuk

这样就好了,是不是很简单!!!!

更多相关教程请访问 JavaScript视频教程

Label berkaitan:
sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan