Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 鼠标右键

作者:碎花洋裙的优雅   发布日期:2026-02-22   浏览:99

// 禁用鼠标右键菜单的示例代码

document.addEventListener('contextmenu', function(event) {
    // 阻止默认的右键菜单行为
    event.preventDefault();

    // 可以在这里添加自定义逻辑,例如显示自定义菜单
    console.log('右键菜单被阻止了');
});

解释说明:

  • document.addEventListener('contextmenu', function(event) {...}):监听文档上的 contextmenu 事件,该事件在用户点击鼠标右键时触发。
  • event.preventDefault():阻止浏览器默认的右键菜单行为。
  • console.log('右键菜单被阻止了'):在控制台输出一条消息,表示右键菜单已被阻止。你可以根据需要替换为其他自定义逻辑。

如果你想要实现更复杂的功能,比如显示一个自定义的右键菜单,可以在 event.preventDefault() 后面添加相应的代码。

上一篇:js 鼠标右键事件

下一篇:js 获取浏览器地址

大家都在看

js 数组打乱顺序

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站