css && js控制手机web页面右键事件

最新推荐文章于 2022-02-24 21:16:35 发布

walker1838

最新推荐文章于 2022-02-24 21:16:35 发布

阅读量333

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/qq_25194685/article/details/105481797

版权

本文介绍了如何通过CSS和JavaScript来禁止手机Web页面的右键操作，以达到增强网页交互体验的效果。

摘要由CSDN通过智能技术生成

css 控制

* {
   
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

js 控制

&l

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

walker1838

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

从零开始的Web前端高级开发学习3 / CSS入门1 / 如何引入CSS & 常见样式 & 背景 & 图片

Satellite_Q的博客

05-01

1304

本文讲述了 CSS 是什么，CSS 的引入方式，以及常见的几种样式。具体讲解了 CSS 基本样式的背景方面（背景图，背景色）以及图片方面。

WEB网页上实现右击功能,制作网页右键弹出菜单,右击网页弹出菜单.zip

12-11

WEB网页上实现右击功能,制作网页右键弹出菜单,右击网页弹出菜单.zip 使用该技术可实现WEB网页游戏,左键选中,右键下发指令目的

参与评论您还未登录，请先登录后发表或查看评论

Javascript React 手机上的右键点击（长按）事件

一朵小呆毛

04-05

2321

前戏：开会不准玩电脑，只能玩手机，玩儿了阵子扫雷，决定自己做一个网页版。三下五除二做完之后，猛然发现，手机没有右键。。。。。。没有右键怎么插小红旗？！想起来app上是用长按来插小红旗的，于是开始了长达几个小时的纠结。最开始的时候，格子接受左键和右键点击不同的event。 onClick用来监听左键点击，onContextMenu用来监听右键点击，可以愉快的玩耍，么得问题的。 import ...

移动端常用事件整理

weixin_46032850的博客

07-17

470

1. 网络状态改变事件 H5新增了两个监听网络状态改变的事件 online 网络已连接 offline 网络已断开 window.addEventListener('online',() => { console.log('网络已连接') }); window.addEventListener('offline', () => { console.log('网络已断开') }); 2. 全屏 HTML5规范允许用户自定义网页上的任意元

移动端常用事件

weixin_47793084的博客

05-11

235

1. click事件单击事件，类似于PC端的click 2. touch类事件触摸事件，有touchstart touchmove touchend touchcancel 四种 touchstart：手指触摸到屏幕会触发 touchmove：当手指在屏幕上移动时，会触发 touchend：当手指离开屏幕时，会触发 touchcancel：可由系统进行的触发，比如手指触摸屏幕的时候，突然alert了一下，或者系统中其他打断了touch的行为，则可以触发该事件比如来电之类的 3. tap类事件触碰事件，

手机Web页面CSS样式及JS进行PC远程调试【图文】

06-30

【手机Web页面CSS样式及JS进行PC远程调试】 1、概述远程调试是Web开发者在优化手机网页时的一项重要技能，它允许开发者在PC上实时查看和修改手机端的CSS样式和JavaScript代码，无需频繁地在设备之间切换刷新。本...

HTML&CSS&JavaScript个人入门自学笔记

PriceCheap的博客

04-18

268

herf=“URL”中，URL末尾不加斜杠时，会向服务器发出两次请求。这是因为URL末尾不加斜杠时，所在文件夹找不到相应的资源。所以服务器会自动填加斜杆向下一级寻找。 img中src属性存在两种引用，跟C一样的嘛： 1.绝对路径引用：直接复制img的地址粘贴，可移植性差 2.相对路径引用: ①img跟html存在同一文件夹下，直接引用 <img src=“photo.jpg” /> ②img文件夹跟html存在于同一文件夹下 <img src=”./img/photo.j...

web页面内的右键菜单

weixin_34348111的博客

12-03

177

<HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT="Webdiyer"><SCRIPT LANGUAGE="JavaScript"><!-...

前端 js react css 界面右击事件

勤奋的小蜜蜂的博客

01-22

916

方法一: onContextMenu: (event) => { console.log("鼠标右击了1") }, 方法二: onMouseUp:(e)=>{ if (e.button===2) { console.log('鼠标右击了2') } }, 全局阻止浏览器默认事件（鼠标右击事件等） document.oncontextmenu = fun...

html css禁用右键,HTML+CSS入门禁用点击事件详解

weixin_29938119的博客

06-02

849

本篇教程介绍了HTML+CSS入门禁用点击事件详解，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。<11.css禁用鼠标点击事件23.disabled{pointer-events:none;}4注：(这个没有试过)567jquery禁用a标签方法18$(document).ready(function(){9$...

Teamviewer 手机端怎么使用右键

肖朋伟

09-14

2万+

Teamviewer 手机端怎么使用右键可能很多人和我一样，关掉了那个提示，然后记不住操作怎么控制电脑使用右键？长按就可以了拖到指定地点，然后长按不送，就会出来电脑右键菜单 ...

div左/中/右键点击执行事件

he3236220的博客

03-29

1567

监听鼠标左中右的按键 $(function(){ $(".td_click").unbind("mousedown").bind("mousedown", function (event) { if (event.which == 1) { alert("click left！"); }else if(event.which == 2...

-webkit-touch-callout禁止长按菜单

Jour的博客

07-26

6667

微信浏览器如果js中的点击事件，长按会弹出一个javascript提示的菜单栏，有打开和取消两个选项。IOS要取消这一个默认事件，可以在父元素使用-webkit-touch-callout:none;来禁止掉这个菜单弹出。该CSS样式有两个可以取的值：default：此值表示显示默认的callout none：此值表示禁用callout`安卓不支持这个css样式，安卓就直接使用HTML5提出的co

js实现鼠标右键事件方法