禁用长按事件

最新推荐文章于 2024-10-31 03:00:00 发布

autism_执生

最新推荐文章于 2024-10-31 03:00:00 发布

阅读量1.9k

点赞数 1

分类专栏： html 文章标签：禁用长按事件

html 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用CSS和JavaScript禁用网页上的长按选择文字功能及禁用长按时弹出的菜单。通过设置特定的CSS样式和监听contextmenu事件，可以有效阻止用户在网页上进行这些操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


/*如果是禁用长按选择文字功能，用css*/
* {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}


// 如果是想禁用长按弹出菜单, 用js
window.addEventListener('contextmenu', function(e){
	e.preventDefault();
});

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

autism_执生

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Android 9.0 SystemUI禁用长按recent键的分屏功能

安卓兼职framework和app工程师的博客

08-12

294

在9.0的系统产品开发中，系统对于多窗口模式默认会有分屏功能的，但是在某些产品中，需要禁用分屏模式，所以需要在导航栏中禁用长按recent的分屏模式功能，接下来分析下相关分屏模式的实现

Android 9.0 禁用电源键(屏蔽关机短按长按事件)

安卓兼职framework和app工程师的博客

12-20

2052

在9.0的产品系统定制中，电源键在系统中的作用就是息屏和长按弹窗关机对话框功能，在系统中电源键和音量键也是控制性按键，在针对电源键的按键的响应控制就可以做到对电源键的管控，管理是否响应电源键长按和短按事件

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

【前端】禁用移动浏览器长按默认事件

weixin_38792911的博客

09-17

4598

转载：H5移动端禁止长按弹出系统菜单"选择复制",“在浏览器打开” 移动端长按事件自定义的时候会和各种浏览器自带的长按默认事件冲突，所以禁止掉浏览器自带的长按事件 *{ -webkit-touch-callout:none;/*系统默认菜单被禁用*/ -webkit-user-select:none;/*webkit浏览器*/ -khtml-user-select:none;/*早起浏览器*/ -moz-user-select:none;/*火狐浏览器*/ -ms-user-select:none

js,jq 键盘长按事件，以及如何阻止用户长按键盘不松的情况

业余前端的职业经历

04-23

2089

比如我们的手机号输入框有的时候可能会在手机号输入中间加入空格或者横线的情况下那么当用户长按就可能出现问题了键盘长按是 keypress 事件可能用过这个童鞋的比较少吧我这里用jq进行模拟下 <input type="text" id="phone"> <script> $('#phone').on('keypress', function() { console.log($(this)...

js禁止选中文本，右键，ctrl+c

浩星

11-03

2043

前言： pc禁止选中文本，打开右键；移动端禁止长按选中文本。 pc禁止选中文本，打开右键： <script type="text/javascript"> document.oncontextmenu = new Function("return false"); document.oncontextmenu = function () { return false; }; document.onkeydown = function () { ...

JS-禁止移动端长按页面后弹出“在浏览器打开”这个菜单

weixin_44883460的博客

06-28

785

阻止浏览器的touchstart事件 document.addEventListener(‘touchstart’, function(e) { e.preventDefault(); }, false);

【vue】H5页面JS禁止使用鼠标右键，禁止长按弹出右键菜单

wwppp987的博客

07-18

3798

排查找资料后发现这是因为页面设置了其他右键事件，oncontextmenu监听的是右键从按下到弹起，期间也监听到了其他的右键事件，其他的右键事件触发了右键菜单，使我们的方法失效。将以下内容粘贴到script标签中即可，在电脑调试页面中，和微信公众号的网页中均有效果。使用这种方式在Windows系统中表现正常，但是在Mac中却进不了监听事件。...

【ios】【swift】WKWebView加载html自适应屏幕宽度、图片自适应、视频播放自适应以及禁用长按事件功能的实现

RemiliaScarlet的博客

07-30

2715

1. 应用场景加载后端传来的html链接出现布局错乱的问题 2. 问题描述 html页面与屏幕宽度不符图片缩放比例不正确视频无法在非全屏的状态下播放长按事件无法禁用 3. 解决方法通过webView的evaluateJavaScript()方法注入js代码解决适配问题。建议在 ...

Android 13.0 SystemUI禁用长按recent键的分屏功能

安卓兼职framework和app工程师的博客

10-31

351

在13.0的系统rom产品定制化中，系统对于多窗口模式默认会有分屏功能的，但是在某些产品中，需要禁用分屏模式，所以需要在系统导航栏中禁用长按recent的分屏模式功能，接下来分析下相关分屏模式的实现

Android 12.0 SystemUI禁用长按recent键的分屏功能

安卓兼职framework和app工程师的博客

04-24

434

在12.0的系统rom产品定制化中，系统对于多窗口模式默认会有分屏功能的，但是在某些产品中，需要禁用分屏模式，所以需要在系统导航栏中禁用长按recent的分屏模式功能，接下来分析下相关分屏模式的实现

HTML5对手机页面长按会粘贴复制禁用的解决方法

12-13

解决方法如下所示：直接在CSS 文件中添加下面的代码，就可以实现了在手机端禁止粘贴复制的功能： XML/HTML Code复制内容到剪贴板 *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:non

php 弹窗移动端,如何取消移动端的长按事件

weixin_30204677的博客

03-20

306

在app中嵌套h5界面，当用户长按的时候，会触发app端系统默认的交互行为。比如：1.长按文本区域显示文字放大镜，选择指定区域的网页内容，包括文字和图片,执行复制，粘贴等。2.长按链接对象呼出弹窗框，执行页面跳转或保存图片等这样的效果很影响美观，有时间用户感觉体验很差。那么怎么解决禁止长按事件呢？其实很简单那，只要在移动端页面只要加段js即可。window.ontouchstart=functio...

web页面禁止右键、长按事件

u010696334的博客

09-10

2586

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> &

如何禁止元素被鼠标长按选中

weixin_43883056的博客

07-23

418

在浏览器中鼠标长按或者双击后会触发选中（被蓝色框选中），如果不需要这个事件可以通过添加css样式屏蔽掉。也可以通过js屏蔽默认事件，但会影响别的事件，建议使用css处理。

内嵌h5，禁止长按图片保存、选个文本等事件

qingzhen的博客

04-14

1352

禁止长按图片弹出菜单

JS禁用鼠标左键和自动关闭弹出窗口

绝凌峰

08-07

2719

1、禁用鼠标左键功能把如下代码加入区域中： <script language="javascript"> function click() { if (event.button==1) { alert('对不起,禁止使用此功能.') } } document.onmousedown=click 2、自动关闭弹出窗口 langua

移动端长按禁止默认事件总结

caixiajia的专栏

08-28

2785

转：https://blog.youkuaiyun.com/webKris/article/details/80942773 1、如果是禁用长按选择文字功能，用 css : （这种方法已尝试，可行）全局* 或者局部选择相映的DOM加 * { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select...

触屏手机端阻止长按弹出选择文字以及弹出菜单，img标签同理

hangGe0111的博客

08-09

4102

1.主要代码（1）css /*触屏手机端阻止长按弹出选择文字以及弹出菜单*/ *{ /*阻止文本选中*/ -webkit-user-select: none; user-select: none; /*阻止菜单弹出*/ -webkit-touch-callout: none; /*touch-callout去掉，安卓不支持须通过js里的阻止默认事件实现*/ ...

移动端页面禁用长按选中功能

ZT的专栏

11-23

3436

在页面的head里面填写如下内容：

uniapp取消长按事件