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

最新推荐文章于 2024-07-23 16:30:22 发布
最新推荐文章于 2024-07-23 16:30:22 发布
阅读量2.5k 收藏 1
点赞数
分类专栏： HTML 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010696334/article/details/82584742
版权

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

<body οncοntextmenu="return false" onselectstart="return false" οndragstart="return false" οncοpy="return false" oncut="return false;">

...

</body>

王大博士
关注
专栏目录
android WebView 长按自由复制文字，进入文字选择模式
爱吃鹌鹑蛋的博客
08-06 1万+
长按WebView系统默认进入文字选择默认，但如果想实现先长按菜单显示菜单同能菜单选项来判断是否进行的进入自由复制文本文字选择的操作就不知道该怎么办了。 长按WebView显示弹出菜单，可怎么才在能实现点击菜单选择进入自由复制文本模式呢？在网上翻了个遍，都不怎么如意，纠结了几日，下午偷懒睡了一觉突然就想到了Instrumentation模拟长按操作触发WebView默认的显示复制菜单
Web笔记之移动端开发
Mr__Zhang___的博客
04-17 1923
1、移动端基础 ①浏览器现状 说明：国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于Android修改开发的一样。 总结：兼容移动端主流浏览器，处理Webkit内核浏览器即可。 ②手机屏幕现状 ● 移动端设备屏幕尺寸非常多，碎片化严重。 ● Android设备有多种分辨率∶......
移动端长按禁止默认事件总结
Kris的博客
07-06 5832
1、如果是禁用长按选择文字功能，用 css : 全局* 或者 局部选择相映的DOM加 * { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -m...
使用javascript屏蔽web页面上特定按键事件和右键菜单
08-29 2075
一、取得页面控件值的几种方式    1、用控件的名称（ElementName）    document.formName.elementName.value。如：表单form的名字为 userForm，表单中一元素（一文本框，供用户输入姓名）的名称（name 属性）为 userName，则通过document.userForm.userName.value 取得用户的输入值。    2、用控件的
web页面添加右键事件
找不到服务器 -
09-20 602
document.oncontextmenu=ContextMenu;          function ContextMenu() {              return;          }   function nocontextmenu() {
JavaScript - WebAPI -右键事件
Henry_ID的博客
08-19 357
右键事件 网页默认都有右键事件，是一个菜单 右键事件：contextmenu 阻止右键默认的事件：e.preventDefault() 自定义右键菜单 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met
禁用长按事件
执生的博客
09-20 1886
/*如果是禁用长按选择文字功能，用css*/* { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}// 如果是想禁用长按弹出菜单, 用jswindow.addE...
vue web端长按事件，解决和click冲突
m0_49281744的博客
07-01 1088
vue web端长按事件，解决和click冲突
禁止WebView长按事件
wfkbyni的专栏
11-04 931
在webViewDidFinishLoad调用： - (void)webViewDidFinishLoad:(UIWebView *)webView{ NSArray *subViewArray = webView.subviews; for (UIView *view in subViewArray) { NSArray* arra...
web端功能测试通用用例③输入选择框
qq_45150280的博客
03-05 1285
输入选择框 输入框 验证输入框之前的标题是否正确 验证输入与输出是否信息一致 未输入任何信息，当输入框里面有提示信息时，查看提示信息是否合理 字段长度校验(边界值) 验证输入状态：当处于某种状态下，输入框是否处于可写或非可写状态。例如，系统自动给予的编号等栏位作为唯一标识，当再次处于编辑状态下，输入框栏位应处于不可写状态，如果可写对其编辑的话，可能会造成数据重复引起冲突等 验证对特殊字符输入的处...
页面禁止右键
qq_43292127的博客
12-11 220
<script language="JavaScript"> document.οncοntextmenu=new Function("event.returnValue=false;"); document.onselectstart=new Function("event.returnValue=false;"); </script> 把这段就是代码放在你要引...
Web 前端 之 html 移动端/PC端元素长按功能的简单封装，实现元素长按事件的触发
仙魁XAN
10-26 2702
Web 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。本节介绍，Web前端开发中，有时候需要长按功能，这里进行长按功能大封装，只要传入元素和触发事件，就会给指定元素添加长按功能，长按该元素就会触发对应长按事件，其中PC 端可以使用 mouse 相关监听，移动端 可以使用 pointer 相关监听。以供大家参考，如果有不足之处，欢迎指出，或者你有更好的方法，欢迎留言。二、实现原理1、主要是 pointerdown、pointerup、ponitermove 三个事件进行实现，做原理讲解。
如何禁止元素被鼠标长按选中
最新发布
weixin_43883056的博客
07-23 243
在浏览器中鼠标长按或者双击后会触发选中（被蓝色框选中），如果不需要这个事件可以通过添加css样式屏蔽掉。也可以通过js屏蔽默认事件，但会影响别的事件，建议使用css处理。
html禁止长按弹出右键,HTML页面内容禁止选择、复制、右键、禁用移动端长按a标签弹窗...
weixin_31510505的博客
05-31 563
iphone长按a标签弹窗 禁用；给a标签设置css：-webkit-touch-callout:none;ondragstart='return false' onselectstart ='return false'onselect='document.selection.empty()' oncopy='document.selection.empty()'onbeforecopy='re...
[html] H5怎么禁用长按复制的功能？
歌谣的博客
04-02 1675
[html] H5怎么禁用长按复制的功能？ // 禁止长按图片保存，设置img样式 -webkit-touch-callout: none; pointer-events: none; // 微信浏览器无法禁止，需加上这句 // 禁止长按选择文字 -webkit-user-select: none; // 禁止长按呼出菜单 -webkit-touch-callout: none; 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关
在公司加班没思路时研究的JS小玩意！！
weixin_46661409的博客
03-25 245
前言 我们在项目中，通常为了保证数据安全性和保护用户个人信息，个别页面需要禁用右键、复制、粘贴以及输入框自动填充的功能。所以在此补充和总结几条我们开发中常用的操作方式。 一、禁用鼠标右键 1.1、分析说明 通过禁用右键选项卡的方式来禁用复制粘贴以及其他非法操作。 1.2、操作原理 我们通过 JS 中的 button 事件属性来实现鼠标右键的禁用。通过弹出提示框来代替右键选项卡。 1.3、实现效果 1.4、实现代码 将下列 JS 代码导入需要禁用右键的页面的function click() { if (
解决（html标签）span、div标签模拟按钮点击时标签内部文本会被选中（类似于鼠标长按选择的情况）
BigFamer的博客
05-18 2696
一、前言 出于需要，我没有直接用button标签和element的el-button标签，我用span模拟了一个标签，并且给与了一个点击事件，但是较快的点击这个模拟按钮，会出现自动选中其中的文本的现象，类似于鼠标长按选择文本的那种情况。造成了不好的体验，我提供一种解决方案。 二、demo展示（直接上图） 未处理之前(点击速度稍微较快就会选中） 处理之后（正常了） 哈哈，其实这里应该使用Gif的，但是，领会精神就好，嘻嘻。 三、解决方案 出现选中情况时候的代码（未解决之前） <span class=
页面禁用右键
e_yohn的专栏
08-22 352
禁用右键
web页面屏蔽鼠标右键
依宸2016
10-16 3983
转载地址：http://blog.sina.com.cn/s/blog_4f925fc30100ln1o.html jQuery屏蔽鼠标右键： $(document).ready(function(){       $(document).bind("contextmenu",function(e){              return false;        }); })
iOS WKWebView禁止长按事件（包括超链接）
xian_zh的博客
12-07 7140
最近手头上使用h5页面做活动遇到页面长按出现菜单栏，超链接出现链接的问题 网上的方法是 [webView evaluateJavaScript:@"document.documentElement.style.webkitUserSelect='none';" completionHandler:nil]; [webView evaluateJavaScript:@"do...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值