页面禁止长按选择文字

//长按禁止选择文字* {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

如果是想禁用长按弹出菜单, 用 js

  node.addEventListener(‘contextmenu‘, function(e){
    e.preventDefault();
  });

原文地址：https://www.cnblogs.com/tine/p/8434371.html

时间： 2024-10-04 02:26:40

页面禁止长按选择文字的相关文章

android重写webview长按时选择文字然后点击搜索按钮的事件，默认是chrome接受点击事件，现在跳转到360搜索页面

用这个FindWebView替换默认使用的webview就可以了,重写SelectedText 类里地 show方法 string data就是获取到的选中的文字 import android.annotation.SuppressLint; import android.annotation.TargetApi; import android.content.Context; import android.content.Intent; import android.os.Build; imp

h5页面禁止长按出现菜单

最近在做项目中,发现在移动端长按会出现复制黏贴菜单按钮,经过查询资料,解决了此问题: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 苹果端可以css解决:*{-webkit-touch-callout: none;} ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 安卓端需要添加js解决: window.ontouchstart = function(e) { e.preventDefault(); };

CSS3改变页面默认选中背景颜色及设置页面禁止全选或局部选择

改变默认选中的背景颜色 ::-moz-selection{background:#FF0000;color:#FFFFFF;} ::selection {background:#FF0000;color:#FFFFFF;} code::-moz-selection {background:#FF0000;color:#FFFFFF;} code::selection {background:#FF0000;color:#FFFFFF;} 设置页面禁止选中 /*全局*/ html,body{ pa

css和js禁止网页选择文字

user-select有两个值: none:用户不能选择文本 text:用户可以选择文本需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整 <style> body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*

鼠标选择文字事件js代码，增加层问题

在页面中增加一个js代码,当用户用鼠标选择文字(鼠标拖动涂蓝文字)时,会出现一个层,提示与这个选择文字有个的信息<script type="text/javascript">document.onmouseup = document.ondbclick= function(){ var txt; if(document.selection){ txt = document.selection.createRange().text }else{ txt = window.

小程序页面禁止滑动

要做一个弹窗功能,弹窗是可以拖拽的,而且弹窗里的元素是有bindtap事件的,在弹窗使用了bindtouchstart之后发现弹窗拖拽的同时背景也在滑动,改为使用了catchtouchstart之后背景不滑动了,但是发现子元素的bindtap事件无法执行,于是又改为了bindtouchstart,换一种思路,选择另一种方法就是如何让页面禁止滑动,只需要加上下边的代码到本页json文件就可以了 , 在开发时候会遇到这个页面在安卓手机上不会滑动,但是在苹果手机上会上下滑动,体验不是很好,只需要在当

改变选择文字的color及background-color

::selection { color: #fff; background: rgb(221,88,98) } ::-moz-selection { color: #fff; background: rgb(221,88,98) } ::-webkit-selection { color: #fff; background: rgb(221,88,98) } 在一些特殊的网站中,常常会有着一些新奇的体验,在阅读网页的时候相信许多人都会和我一样有着一个习惯,把一些文字选中然后进行阅读,或者时要复制

用JavaScript获取页面上被选中的文字的技巧

这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法.最关键的JavaScript API是: event.selection = window.getSelection(); 这里的selection实际上是个对象,但如果我们使用 .toString()或强行转化成字符串,我们将得到被选中的文字. $(document).ready(function () { $(".contenttext").mouseup(function (e) { var txt;

HTML页面和JSP页面禁止缓存

一.JSP页面禁止缓存: 防止浏览器缓存当前访问的JSP动态页面,可以采用如下的方式进行设置,此效果如下的“HTML禁止缓存”: % 将过期日期设置为一个过去时间response.setHeader(Expires, Sat, 6 May 1995 120000 GMT); 设置 HTTP1.1 no-cache 头response.setHeader(Cache-Control, no-store,no-cache,must-revalidate); 设置 IE 扩展 HTTP1.1 no-c