禁止双击选中文本

最新推荐文章于 2022-05-24 19:29:04 发布
最新推荐文章于 2022-05-24 19:29:04 发布
阅读量286 收藏
点赞数
文章标签： 前端开发 禁选文本 onselectstart CSS window.getSelection
原文链接：https://blog.csdn.net/weixin_42981560/article/details/86840626
版权

禁止双击选中文本
onselectstart 方法
// ie和chrome都支持的onselectstart 事件, 但是firefox不支持,所以firefox使用css来控制

  <body onselectstart = "return false" style = { -moz-user-select : none }></body>

另一种思路 => 清空选中

  window.getSelection ? window.getSelection().removeAllRanges() : document.selection.e
暖暖小时光
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
双击阻止默认选中文字
天天的博客
01-10 890
<!DOCTYPE html> <html> <head> <title>sdfsd</title> <style type="text/css"> #box{ width: 200px; height: 200px; background-color: pink; } </st...
利用CSS实现禁止双击选择页面内容的实例展示
09-25
标题中的“利用CSS实现禁止双击选择页面内容的实例展示”指的是通过CSS样式来阻止用户在网页上双击选中特定区域的文本内容。这种方法在处理网页交互时特别有用，例如，当用户双击左右箭头快速切换图片滚动时，避免...
CSS阻止页面双击选中文本
weixin_30680385的博客
06-02 280
在双击左右箭头，快速切换图片滚动时，会选择附近区域的文字，感觉不是很好，今天在同事在分享时，讲到了这个问题， 试了一下，不错，解决了问题IE及Chrome下的方法一样，对相应的元素添加onselectstart=”return false;”但是，这个在火狐下不起作用，但是火狐下可以用css样式来达到这个效果，即添加-moz-user-select:none;就可以兼容ie，google，fire...
JS禁止双击选中文本
菜鸡，轻喷
05-24 2211
双击禁止选中文本JS禁止双击选中文本(两种方法)onselectstart方法清空选中 JS禁止双击选中文本(两种方法) onselectstart方法 语法 //ie和chrome都支持onselectstart事件，但是firefox不支持，所以firefox使用CSS来控制 <body onselectstart = "return false" style= { -moz-user-select : none}></body> 清空选中 语法 window.getS
html禁止双击选中文本,CSS阻止页面双击选中文本
weixin_36145011的博客
06-09 1633
在双击左右箭头，快速切换图片滚动时，会选择附近区域的文字，感觉不是很好，今天在同事在分享时，讲到了这个问题， 试了一下，不错，解决了问题IE及Chrome下的方法一样，对相应的元素添加onselectstart=”return false;”但是，这个在火狐下不起作用，但是火狐下可以用css样式来达到这个效果，即添加-moz-user-select:none;就可以兼容ie，google，fire...
vue实现页面内容禁止选中功能,仅输入框和文本域可选
12-13
上网上翻了翻，共找到两种方式 ... *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;...
MFC实现listCtrl双击表格，实现文本输入。
11-23
本教程将详细介绍如何利用MFC ListCtrl控件，响应用户的双击事件，实现用户能够编辑表格中的文本。 首先，我们需要在MFC应用程序中添加一个ListCtrl控件。这通常是在资源编辑器中完成的，例如在对话框类的资源视图...
音频转文本软件SitMan
05-10
※ 禁止某些不想听（如空白、音乐等）的段落； ◇ 录音跟读对比功能 ※ 同步跟读录音并对比播放，找出您的发音与原音的区别； ◇ 听写文本与语音的完美结合 ※ 可边听边写，并自动保存和调入与语音文件对应的文本...
html5+CSS 实现禁止IOS长按复制粘贴功能
08-31
默认情况下，这些属性允许用户在长按时选择文本并调出系统菜单进行复制、剪切和粘贴等操作。 要全局禁止iOS上的长按复制粘贴，可以将以下CSS样式添加到你的全局CSS文件中： ```css /* 设置全局禁止长按复制粘贴 */...
屏蔽/禁止双击选中文字
热门推荐
kongjiea笔记
07-03 1万+
1、js方法 selectstart="return false;" >屏蔽双击选中文字的区域 2、css方法 <div class="picBox" style="-moz-user-select:none;" >屏蔽双击选中文字的区域
双击或者右键选中文本
weixin_42409913的博客
06-08 308
<div id="text">双击或者右键选中文本</div> <script> const text = document.getElementById('text') // 鼠标右键 text.oncontextmenu = onSlectedText // 双击事件 text.ondblclick = onSlectedText function onSlectedText(e) { // 获取当前选中的文本 .
双击禁止选中文字
d1063270962的博客
09-17 361
双击 ondblclick 禁止选中文字 window.getSelection?window.getSelection().removeAllRanges():document.selection.empty();
阻止浏览器双击选中文本、鼠标禁用样式
weixin_43847807的博客
03-25 182
css加给任意需要的标签都行 span{ -moz-user-select:none; /*火狐浏览器*/ -webkit-user-select:none; /*webkit浏览器*/ -ms-user-select:none; /*ie浏览器*/ user-select:none; /*其他浏览器*/ }
onselectstart和onselect的区别
weixin_48837605的博客
10-27 273
1.onselectstart 　　这个事件主要是用于禁止选择网页中的文字。代码为： document.onselectstart =function(){ return false; } 注意此事件对input和textarea无效。 2.onselect 　　此事件是在选择textarea或input内的内容之后触发。所以只有input和textarea标签支持。例如: <input type = 'text' id = 'input>
js-onSelectStart解释
草泥马
07-13 7673
IE&&Chrome中适用此方法 document.onselectstart=function(){return false;} onselectstart是防止内容被选中默认状态是true 选不中 一般如果把它设置在整个body上时如果body里边有输入框需要选中文字时可以这样 function doIt(){ var now=event.src
onselectstart与onscroll事件
man3187的专栏
08-26 168
onselectstart与onscroll事件 (1)Onselectstart：在用户选取网页中文档中内容时发生，如果在这个事件处理程序中返回false，就可以禁止用户在网页文档中选取内容；从而阻止用户复制网页文档中的内容； (2)Onscroll ：用户在拖动窗口的滚动条的时候发生的事件，处理onscroll事件可以实现如下的功能：无论用户怎样拖动浏览器窗口的滚动条，网页中的某个区域中的内容...
css input 不允许双击选中
最新发布
06-07
要使输入框不允许双击选中，可以将 `user-select` 属性设置为 `none`。如下所示： ```css input { user-select: none; } ``` 这将防止用户双击文本框来选中其内容。请注意，这也会禁止用户选中输入框中的文本并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值