表单禁用复制、粘贴、及右击菜单(contextmenu、oncopy、oncut、onpaste、onselectstart)

禁用右键菜单,可以使用oncontextmenu属性:

<textarea oncontextmenu="return false"></textarea>

兼容性:http://www.quirksmode.org/dom/events/contextmenu.html

禁用复制,使用oncopy和oncut:

<textarea oncopy="return false" oncut="return false"></textarea>

禁用粘贴,使用onpaste:

<textarea onpaste="return false"></textarea>

兼容性:http://www.quirksmode.org/dom/events/cutcopypaste.html

禁用选择:使用onselectstart及样式-moz-user-select -webkit-user-select

onselectstart只针对ie,-moz-user-select样式针对FF,-webkit-user-select针对与chrome内核相同的浏览器。

<textarea onselectstart="return false" style="-moz-user-select:none;-webkit-user-select:none;"></textarea>

需要注意:部分搜狗浏览器对于-webkit-user-select的实现不是很好,会使得<textarea>无法输入。当然如果只是禁用复制和粘贴上面已经够用了,不需要现在设置不可选中。

时间: 2024-07-30 12:11:09

表单禁用复制、粘贴、及右击菜单(contextmenu、oncopy、oncut、onpaste、onselectstart)的相关文章

关于bootstrap--表单控件(disabled表单禁用、显示表单验证的样式)

1.disabled: (1)在input中加入disabled可使表单禁用,如图: <input class="form-control input-lg" id="disabledInput" type="text" placeholder="表单已被禁用,不可输入" disabled></div> (2)如果fieldset设置了disabled属性,整个域都将处于被禁用状态,如图: <fi

flutter textfield 长按输入框出现【剪切/复制/粘贴】的菜单如何设置中文?

当 TextField 设置 enableInteractiveSelection 属性后长按会出现菜单,默认为英文,可通过设置 Flutter 国际化来处理: 在 pubspec.yaml 中集成 flutter_localizations: dependencies: flutter: sdk: flutter flutter_localizations: sdk: flutter 在 MaterialApp 中设置本地化代理和支持的语言类型: return MaterialApp( loc

通达OA工作流-表单设计

第1章    什么是工作流 1.1    工作流的用途 随着企业管理信息化进程的不断深入,协同应用软件的概念已深入人心,而工作流系统正是协同应用软件的核心.通过应用 IT 技术来规范工作流程.提高工作的执行效率和准确度.使企业运营更加高效.规范.稳健,是工作流系统主要解决的问题. Office Anywhere 内置的工作流系统,适用于各行各业,实现企业各类业务的申请.审批.会签.登记.操作等环节的管理,将协同工作的过程进行详细记录,便于日后审核与查询,并实现业务数据的规范化录入.查询.统计.打

表单控件状态(禁用状态)

Bootstrap框架的表单控件的禁用状态和普通的表单禁用状态实现方法是一样的,在相应的表单控件上添加属性“disabled”. 在使用了“form-control”的表单控件中,样式设置了禁用表单背景色为灰色,而且手型变成了不准输入的形状.如果控件中不使用类名“form-control”,禁用的控件只会有一个不准输入的手型出来. 在Bootstrap框架中,如果fieldset设置了disabled属性,整个域都将处于被禁用状态. 对于整个禁用的域中,如果legend中有输入框的话,这个输入框

dede自定义表单制作

dede自定义表单制作和制作留言板的原理差不多,就是如果有自己制作了一个网页专题的话需要接受前台提交来的表单,可以参照这种的! 首页在后台-核心-频道模型-自定义表单-增加新的自定义表单 里添加一个表单! 接下来就是填写自定义表单的各项值了,其实这里不懂的话都默认就好,只是自定义表单的名字作为记号写个差不多的,然后就是公开与否,如果前台提交来的数据不想让别人看到就可以直接选不公开!当然这个不公开最好是最后制作完毕在选,因为接下来要在前台浏览并复制一些代码,如果不公开是不能在前台看的! 填写好确定

Bootsrtap表单

前面的话 表单是用来与用户做交流的一个网页控件,良好的表单设计能够让网页与用户更好的沟通.表单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文本域和按钮等.其中每个控件所起的作用都各不相同,而且不同的浏览器对表单控件渲染的风格都各有不同. 同样,表单也是Bootstrap框架中的核心内容,本文将详细介绍Bootstrap的表单 基础表单 对于基础表单,Bootstrap并未对其做太多的定制性效果设计,仅仅对表单内的fieldset.legend.label标签进行了定制 fi

js 表单

表单引用 1直接引用document.getElementById()document.getElementsByClassName()document.getElementsByTagName()2.集合document.forms[index]document.forms[“name"]document.forms.name3.通过名字获得document.name 表单元素 1.直接定位document.getElementById()document.getElementsByClass

Boottarp学习(三)表单

基础表单 表单主要功能是用来与用户做交流的一个网页控件,良好的表单设计能够让网页与用户更好的沟通.表单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文本域和按钮等.其中每个控件所起的作用都各不相同,而且不同的浏览器对表单控件渲染的风格都各有不同. 同样,表单也是Bootstrap框架中的核心内容,下面向大家介绍Bootstrap框架中表单的制作. 表单源码查询 Bootstrap框架的表单,其源码占据了大量的代码,同样的,根据不同的Bootstrap版本,你可以轻松获取相应的

Bootstrap学习笔记(二) 表单

在Bootstrap学习笔记(一) 排版的基础上继续学习Bootstrap的表单,编辑器及head内代码不变. 3-1 基础表单 单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文本域和按钮等. 在Bootstrap框架中,通过定制了一个类名`form-control`,也就是说,如果这几个元素使用了类名"form-control",将会实现一些设计上的定制效果. 1.宽度变成了100% 2.设置了一个浅灰色(#ccc)的边框 3.具有4px的圆角 4.设置阴影效果