在做一些动画效果时，因为有文本的存在，会无意选择到文本，就需要禁止选择文本
可以在标签上加
也可以在js中写
element.onselectstart=function(){}
注意：次事件对input和textarea无效
onselect 只对input和textarea生效，，选中文本时执行函数
element.onselect=function(){}
时间： 2024-11-08 14:16:40
onselectstart禁止选择
onselectstart禁止选择的相关文章
[转]CSS禁止选择文本功能
有时候,我们为了用户体验,需要禁用选择文本功能.这需要用到一个CSS属性:user-select,user-select的文档点这里 user-select有两个值:none:用户不能选择文本text:用户可以选择文本 需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整 body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-
禁止选择文本和禁用右键 v1.0
var zhonghao={ //绑定事件 myAddEvent: function(obj, sEvent, fn){if(obj.attachEvent){obj.attachEvent('on'+sEvent, fn);}else{obj.addEventListener(sEvent, fn, false);}}, //禁止选择文本 disableselect:function(e){ var omitformtags=["input", "textarea"
禁止选择文本
这是通过CSS样式来实现的禁止用鼠标选择功能:unselectable为IE准备,onselectstart为Chrome.Safari准备,-moz-user-select是FF的 css style:html,body{-moz-user-select: none; -khtml-user-select: none; user-select: none;}<div unselectable="on" onselectstart="return false;&qu
如何设置select下拉禁止选择
1.问题背景 设置select下拉框不能选择,利用disabled="disabled",但是颜色且显示白色,容易引起用户误解 2.问题实现 (1)只禁止 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>如何设置select下拉禁止选择</title> <script src="../js/jquery-1.
网页取消禁止选择、复制功能
有些网页为防止文本被复制,则经常在网页禁止浏览用户进行选择.拷贝等操作.如下即为如何取消网页设定的禁止用户选择.复制操作的方法: 1.快捷键[Ctrl + S],将网页另存为网页文件(html.htm等): 2.使用文本编辑工具(例如:sublime.notepad++.notepad)打开上述保存的文件,搜索"onselectstart"."onbeforecopy"."oncopy"."onselect"等文本,如下所示:
Web HTML页面，内容禁止选择、复制、右键
<body leftmargin=0 topmargin=0 oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()' oncopy='document.selection.empty()' onbeforecopy='return false' onmouseup='document.selection.e
禁止选择文本和禁用右键 v2.0
禁止鼠标右键(注:在火狐浏览器没有起到效果作用) <script> function stop() { return false }; document.oncontextmenu = stop; javascript: ; </script>
禁止选择文本样式
.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-se
css禁止用户选择文本（兼容所有浏览器）
css禁止用户选择文本(兼容所有浏览器) 如果让整个页面都禁止选择,可以使用下面的css body{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 如果希望指定元素禁止访问,请看下面的示例代码: <!doctype html> <html