onselectstart

最新推荐文章于 2021-10-27 21:24:56 发布

转载最新推荐文章于 2021-10-27 21:24:56 发布 · 260 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yuzhongwusan/p/3252807.html

本文介绍了一种在网页设计中防止用户选择特定区域文字的方法，通过添加onselectstart属性和CSS样式-moz-user-select:none，可以有效阻止在IE、Chrome和Firefox等浏览器下双击时选择附近区域文字的问题。

以前在做图片滚动时，在双击左右箭头，快速切换图片滚动时，会选择附近区域的文字，感觉不是很好，今天在同事在分享时，讲到了这个问题，试了一下，不错，解决了问题
IE及Chrome下的方法一样，对相应的元素添加onselectstart=”return false;”但是，这个在火狐下不起作用，但是火狐下可以用css样式来达到这个效果，即添加-moz-user-select:none;就可以兼容ie，google，firefox了，即代码如下所示：

<div class="picBox" onselectstart="return false;" style="-moz-user-select:none;">屏蔽双击选中文字的区域</div>

这样这个区域的文字都不能选中了，就也不会出现在双击左右箭头快速切换图片滚动时会选择附近区域文字的情况了
如果把

<body onselectstart="return false">

和

body{-moz-user-select:   none;}

添加到body中，就实现了禁止用户选中页面上内容的效果

转载于:https://www.cnblogs.com/yuzhongwusan/p/3252807.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dianzongfan5428

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

onselectstart和onselect的使用

weixin_30293135的博客

11-17

432

1.onselectstart 　　这个事件主要是用于禁止选择网页中的文字。代码为： document.onselectstart =function(){ return false; } 　　另外ff/opera不支持此事件，ff可以用css控制：css: body { -moz-user-select: none; }。webkit浏览...

选中文字弹出对话框

一笑的博客

10-19

1580

选择文字：选中的时候不弹出来，弹起鼠标的时候出现。用onmouseup ，盒子坐标是鼠标坐标。获得用户选择的内容：标准浏览器：window.getSelecttion().toString(); ie:document.selection.createRange().text; 兼容性写法： if(window.getSelection){ txt = window.getSele

参与评论您还未登录，请先登录后发表或查看评论

document.onselectstart

chenzhao635的专栏

03-25

314

在网页中拖动时，会引起某些文字或一些内容被选中，导致网页中蓝蓝的一片，视觉效果很差，所以我加了个 document.onselectstart=function(){return false;}这样子，拖动时网页中的内容是不会被选中了，但也随之带来了另一个问题：在拖动时，如果遇到滚动条的话，那我就拖不下去了，因为滚动条不会自动的向下滚或是向上滚了，我只能在当...

onselectstart和onselect的区别

weixin_48837605的博客

10-27

417

1.onselectstart 　　这个事件主要是用于禁止选择网页中的文字。代码为： document.onselectstart =function(){ return false; } 注意此事件对input和textarea无效。 2.onselect 　　此事件是在选择textarea或input内的内容之后触发。所以只有input和textarea标签支持。例如: <input type = 'text' id = 'input>

onselect与onselectstart 禁止选中

zuizuo9948的博客

08-27

825

onselect 事件会在文本框中的文本被选中时发生支持该事件的 HTML 标签：<input type="text">，<textarea> 支持该事件的 JavaScript 对象：window 使用举例： <input type="text" value="Hello world!" onselect="alert('你.

onselectstart与onselect—禁止选择或禁止复制

06-18

388

这两个事件看起来很相似，事实上却非常的不同。 onselectstart 使用js禁止用户选中网页上的内容，IE及Chrome下的方法一样。使用onselectstart，例如 IE: <body onselectstart="return false"> Firefox：，控制css: body { -moz-user-select: none; } o...

onSelectStart=return false

qq_33203743的博客

09-12

708

在拖动过程中，为了不影响拖动效果，我把拖动部分设置成不能被选中。ff很容易就实现了。就在css里加入-moz-user-select:none; 就ok。 { return(false); };

解决Firefox/Opera 不支持onselectstart事件实现不允许用户select

09-25

众所周知，在IE、Safari和Chrome等浏览器中，可以通过绑定onselectstart事件来阻止用户选定页面元素内的文本。具体来说，当用户试图用鼠标选定文本时，我们可以设置onselectstart事件的处理函数，并返回false来阻止...

-moz-user-select与onselectstart 禁止选择文字的方法

12-10

上网一找，还不少，但是我测试了很多，发现并不完美，还是浏览器在作怪，一种方式似乎只能满足一种浏览器 onselectstart="return false;"，能够满足IE下的效果，当只针对某一个区域的时候，就把该段语句放在某一个...

【数据库管理】基于Navicat的毕业设计实战应用：图书管理系统数据建模与SQL优化方案

12-08

内容概要：本文围绕Navicat数据库管理工具在毕业设计中的实际应用展开，系统介绍了其在数据库设计、开发、优化与维护中的核心作用。文章结合“图书管理系统”实例，详细展示了数据库创建、表结构设计、存储过程与触发器的编写，并通过SQL代码示例说明关键功能的实现方式。同时，归纳了Navicat在数据建模、查询优化、团队协作、版本控制集成等方面的最佳实践，并展望了其在云数据库、DevOps集成和AI辅助开发等方向的发展趋势。; 适合人群：计算机及相关专业本科毕业生，具备一定数据库基础知识和SQL操作能力的学生及初阶开发者；; 使用场景及目标：①用于毕业设计中数据库部分的设计与实现，提升项目规范性与完整性；②掌握Navicat在真实项目中的高级功能应用，如存储过程、触发器、数据同步与性能调优；③学习如何将数据库开发融入团队协作与版本管理体系，对接企业级开发流程；阅读建议：建议结合Navicat软件实操文中提供的代码案例，逐步构建完整的数据库系统，并尝试扩展功能（如添加用户权限管理、报表统计等），以深化对数据库应用的理解。

基于Verilog HDL的RISC-V五级流水线CPU实现与完整项目文档

12-08

本设计项目实现了一个采用五级流水线架构的RISC-V处理器，其核心代码使用Verilog硬件描述语言编写。该项目已通过教学指导与评审，获得了优异的考核成绩，可直接应用于计算机体系结构等相关课程的设计实践与综合考核。项目压缩包内包含完整的处理器硬件实现代码、详细的设计报告文档以及明确的操作指南。所有内容均已完备，确保使用者能够直接部署并成功运行整个系统。资源来源于网络分享，仅用于学习交流使用，请勿用于商业，如有侵权请联系我删除！

ACM算法竞赛题解与优化技巧练习题

12-08

ACM算法竞赛题解与优化技巧

基于Benders、TSO-DSO协调的不确定性的输配电网双层优化模型研究（Matlab代码实现）

12-08

基于Benders、TSO-DSO协调的不确定性的输配电网双层优化模型研究（Matlab代码实现）

Mstar芯片固件编辑与USB脚本刷写工具包

最新发布

12-08

"Mstar Bin Tool"是一款专门针对Mstar系列芯片开发的固件处理软件，主要用于智能电视及相关电子设备的系统维护与深度定制。该工具包特别标注了"LETV USB SCRIPT"模块，表明其对乐视品牌设备具有兼容性，能够通过USB通信协议执行固件读写操作。作为一款专业的固件编辑器，它允许技术人员对Mstar芯片的底层二进制文件进行解析、修改与重构，从而实现系统功能的调整、性能优化或故障修复。工具包中的核心组件包括固件编译环境、设备通信脚本、操作界面及技术文档等。其中"letv_usb_script"是一套针对乐视设备的自动化操作程序，可指导用户完成固件烧录全过程。而"mstar_bin"模块则专门处理芯片的二进制数据文件，支持固件版本的升级、降级或个性化定制。工具采用7-Zip压缩格式封装，用户需先使用解压软件提取文件内容。操作前需确认目标设备采用Mstar芯片架构并具备完好的USB接口。建议预先备份设备原始固件作为恢复保障。通过编辑器修改固件参数时，可调整系统配置、增删功能模块或修复已知缺陷。执行刷机操作时需严格遵循脚本指示的步骤顺序，保持设备供电稳定，避免中断导致硬件损坏。该工具适用于具备嵌入式系统知识的开发人员或高级用户，在进行设备定制化开发、系统调试或维护修复时使用。资源来源于网络分享，仅用于学习交流使用，请勿用于商业，如有侵权请联系我删除！

新生儿脑电图的自动癫痫检测算法.zip

12-08

1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

PowerWorld仿真与电力系统潮流计算（牛顿拉夫逊法和高斯赛德尔法）（Matlab实现）

12-08

PowerWorld仿真与电力系统潮流计算（牛顿拉夫逊法和高斯赛德尔法）（Matlab实现）

【数据库技术】基于Navicat的毕业设计项目实战：电商系统复杂查询优化与性能调优应用研究

12-08

内容概要：本文围绕Navicat在毕业设计数据库项目中的实战应用与高级功能展开，重点介绍其在复杂数据管理场景下的核心技术支持。通过电商系统、物联网平台、社交网络和金融风控等典型应用场景，展示了Navicat在数据建模、同步、备份及性能分析等方面的强大能力。文章结合具体代码案例，深入讲解复杂视图设计、高级存储过程实现以及索引优化策略，并提供EXPLAIN执行计划分析来验证优化效果。同时，归纳了数据模型版本控制、自动化测试数据生成、性能基准测试和跨环境数据同步等最佳实践，最后展望了Navicat向多数据库架构、实时处理、机器学习集成和低代码开发的发展趋势。; 适合人群：计算机相关专业本科或研究生阶段学生，具备一定数据库基础并正在进行毕业设计的研发人员；希望提升数据库实战能力的初级开发者。; 使用场景及目标：①用于毕业设计中构建企业级数据库应用，提升项目技术深度；②学习复杂SQL编写、存储过程开发与查询性能优化方法；③掌握Navicat高级功能以应对高并发、大数据量的现实挑战；阅读建议：建议结合Navicat工具实际操作文中示例，动手实践视图、存储过程与索引优化，并利用其性能分析功能进行调优验证，同时关注未来数据库技术融合趋势，拓展项目创新性。

document.body.onselectstart

05-26

`document.body.onselectstart` 是一个 JavaScript 事件属性，它设置在用户选择文本时触发的函数。该属性的默认值为 `null`，即不触发任何函数。如果想在文本被选择时执行一些操作，可以将该属性设置为一个函数。...