禁用文本选择并添加例外

     2023-05-07     75

关键词:

【中文标题】禁用文本选择并添加例外【英文标题】:disable text selection and add exceptions 【发布时间】:2011-06-10 08:49:21 【问题描述】:

如果我将这种风格用于<body>

onmousedown='return false;' onselectstart='return false;'

是否可以通过使用 javascript 输入 textareas 和选择来给出异常? 如果是的话,你能告诉我怎么做吗?

【问题讨论】:

【参考方案1】:

实际上,您可以禁用文本选择,而不需要笨拙的 JavaScript 事件处理程序。在这里查看我的答案:How to disable text selection highlighting using CSS?

总结:在 IE 中使用 CSS 和 unselectable expando。

CSS:

*.unselectable 
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;

HTML:

<div id="foo" unselectable="on" class="unselectable">...</div>

【讨论】:

好的,它会关闭文本的选择,但我如何选择输入文本区域和选择按钮? 这样做仍然允许您在输入和文本区域中选择文本。 是的,是的)我已经测试过了,但它在 Opera 中不起作用...... :( 真的吗?在 Opera 中对我来说效果很好。你有我可以看到的测试页吗?【参考方案2】:

您需要防止 event bubbling 用于文本框和选择。

您可以使用:input 选择器来选择所有输入、文本区域、选择和按钮元素。

类似

$(":input").bind("mousedown", function(e)
    e.stopPropagation();
);

查看working demo

【讨论】:

但是你用javascript屏蔽了body内容,我想用css屏蔽,用javascript添加异常

如何禁用提交按钮,直到所有文本字段都已满并选择文件

】如何禁用提交按钮,直到所有文本字段都已满并选择文件【英文标题】:Howtodisablesubmitbuttonuntilalltextfieldsarefullandfileisselected【发布时间】:2016-03-0314:19:09【问题描述】:我是javascript/jquery的新手,所以我可能遗漏了一些明显的... 查看详情

在 Tableview 上添加开关按钮并禁用单元格选择

】在Tableview上添加开关按钮并禁用单元格选择【英文标题】:AddswitchbuttononTableviewanddisablecellselection【发布时间】:2013-03-0111:34:02【问题描述】:我在单元格上添加了切换按钮,但同时我希望我的单元格不应该在选择时突出显示... 查看详情

移动网络 - 禁用长按/点击文本选择

】移动网络-禁用长按/点击文本选择【英文标题】:MobileWeb-Disablelong-touch/tapholdtextselection【发布时间】:2012-06-2913:51:21【问题描述】:我已经看到/听到了有关使用user-select的变体禁用文本选择的所有信息,但这些都不能解决我遇... 查看详情

php重力特权//限制日期//禁用所有日期并通过例外设置启用日期(代码片段)

查看详情

禁用文本框丢失视图状态

】禁用文本框丢失视图状态【英文标题】:Disabledtextboxlossesviewstate【发布时间】:2011-09-1301:40:43【问题描述】:我正在根据选择的下拉菜单动态生成表单。该表单由字段(十进制值的数据输入+几个文本字段)组成。必须在末尾... 查看详情

通过javascript每次点击动态禁用文本选择?

】通过javascript每次点击动态禁用文本选择?【英文标题】:Disabletextselectiondynamicallyperclickviajavascript?【发布时间】:2012-08-1203:55:42【问题描述】:我有一个表格,我添加了一些多项选择功能,其中shift+click在第一次单击和第二次... 查看详情

如何禁用 ctrl+click 在 IE 10 中选择文本?

】如何禁用ctrl+click在IE10中选择文本?【英文标题】:Howtodisablectrl+clicktoselecttextinIE10?【发布时间】:2012-09-0915:02:52【问题描述】:在IE10中,当您在按住CTRL键的同时单击任何文本时,浏览器会选择文本(这意味着文本获得焦点,... 查看详情

Pycharm:禁用选择文本上的复制

】Pycharm:禁用选择文本上的复制【英文标题】:Pycharm:disablecopyonselecttext【发布时间】:2016-12-2418:38:33【问题描述】:场景:我正在尝试将某些内容复制到Pycharm。在Pycharm中意外选择某些内容(甚至是空行)时,它会被复制并覆... 查看详情

添加文本和禁用滚动时如何使 UITextView 字段扩展?

】添加文本和禁用滚动时如何使UITextView字段扩展?【英文标题】:HowdoIgetUITextViewfieldtoexpandwhenaddingtextandscrollingisdisabled?【发布时间】:2018-08-1517:36:17【问题描述】:我在tableView单元格中使用UITextView来保存不同大小的文本内容,... 查看详情

R plotly禁用默认悬停文本并仅显示自定义文本

】Rplotly禁用默认悬停文本并仅显示自定义文本【英文标题】:Rplotlydisabledefaulthovertextandonlydisplaycustomizedtext【发布时间】:2021-10-0311:32:43【问题描述】:我正在努力禁用默认的悬停文本。我已经添加了自定义悬停文本,但除了自... 查看详情

获取异常'NSRangeException'

...面的方法中得到了substringWithRange:range的异常。我正在使用禁用编辑的文本视图。我仅将文本字段用于文本选择。当我第一次选择文本时也不例外,但是当我第二次按下 查看详情

禁用输入,允许点击文本框

】禁用输入,允许点击文本框【英文标题】:Disableinput,allowclicktextbox【发布时间】:2014-10-1620:04:20【问题描述】:我正在使用Bootstrap样式构建一个.netWeb应用程序。我有一个配备日期选择器的文本框场景,我想避免日期字符串验... 查看详情

windowsserver防火墙添加例外的步骤

...先点击桌面左下角的Window图标,点击“控制面板“,然后选择“windows防火墙”会弹出防火墙的详细页面,如下图所示:  2.然后点击“打开或关闭windows防火墙”就可以查看并设置具体防火墙的状态(开 查看详情

怎么查看虚拟机里的防火墙是不是关闭

...置页面。  2、打开电脑windows防火墙后,如果仅仅是想禁用或者启用防火墙,那么直接选定“启用”或者“关闭”,然后确定就可以了。  3、启用防火墙之后,如果想让一些软件可以进行网络连接,对另外一些程序和服务禁... 查看详情

在 DocumentViewer 中禁用文本选择

】在DocumentViewer中禁用文本选择【英文标题】:DisablingtextselectioninDocumentViewer【发布时间】:2010-09-2623:03:48【问题描述】:简单的问题。如何在WPF中禁用DocumentViewer的文本选择?这是查看器显示XPS文档然后可以通过鼠标突出显示文... 查看详情

用户选择选项时禁用文本输入

】用户选择选项时禁用文本输入【英文标题】:Disabletextinputwhenuserselectsoption【发布时间】:2016-12-2105:30:39【问题描述】:如果用户在另一个选择输入下拉列表中选择了一个值,我正在尝试禁用文本输入框。基本上,他们可以从... 查看详情

禁用 TextBox 样式中的文本选择

】禁用TextBox样式中的文本选择【英文标题】:DisableTextSelectioninTextBoxStyle【发布时间】:2012-04-2905:17:46【问题描述】:我想最好使用样式禁用文本框中的文本选择。原因是我有一种风格,它使文本框看起来像一个文本块,直到满... 查看详情

如何使用 jQuery 禁用文本选择?

】如何使用jQuery禁用文本选择?【英文标题】:HowtodisabletextselectionusingjQuery?【发布时间】:2011-02-1114:26:48【问题描述】:jQuery或jQuery-UI是否有任何功能可以禁用给定文档元素的文本选择?【问题讨论】:可能重复:***.com/questions... 查看详情