document.onselectstart=function(){return false;} 引起的拖动问题

最新推荐文章于 2022-05-19 16:42:07 发布
最新推荐文章于 2022-05-19 16:42:07 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： javascript 文章标签： 拖动 onselectstart
在网页中拖动时，会引起某些文字或一些内容被选中，导致网页中蓝蓝的一片，视觉效果很差，所以我加了个
document.onselectstart=function(){return false;}这样子，拖动时网页中的内容是不会被选中了，但也随之带来了另一个问题：
在拖动时，如果遇到滚动条的话，那我就拖不下去了，因为滚动条不会自动的向下滚或是向上滚了，我只能在当前视线范围内拖动，这个问题在没加document.onselectstart=function(){return false;}之前是没有的，大家有没有办法解决此滚动条滚动问题，万分感谢！！！

:(
xredleaf
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
完美实现js拖拽效果 return false用法详解
10-19
在拖拽功能中，`return false`被用于阻止`onmousedown`事件的默认行为，即防止在拖动元素时选中文本。不过，需要注意的是，`return false`并不总是阻止所有默认行为，例如在IE浏览器中，它不能阻止`onselectstart`...
网页禁用右键菜单和鼠标拖动选择方法小结
09-03
<body onContextMenu="return false" onSelectStart="return false"> ``` 2. 或者，将两个事件处理函数绑定到同一个JavaScript函数： ```javascript document.onselectstart = mylock1; document.oncontextmenu = ...
document.onselectstart
chenzhao635的专栏
03-25 247
在网页中拖动时，会引起某些文字或一些内容被选中，导致网页中蓝蓝的一片，视觉效果很差，所以我加了个 document.onselectstart=function(){return false;}这样子，拖动时网页中的内容是不会被选中了，但也随之带来了另一个问题： 在拖动时，如果遇到滚动条的话，那我就拖不下去了，因为滚动条不会自动的向下滚或是向上滚了，我只能在当...
$(document).on('selectstart',function(){ return false; })是什么意思
kakaxiD的博客
12-21 1864
$(document).on(‘selectstart’,function(){ return false; }) 是什么意思？就是区域不能被选中，return true” – 可选,是默认项,false – 不可选。
去除HTML选择——兼容IE、FireFox(document.onselectstart,样式)
FuDesign2008的专栏
10-12 3103
<br /><br />今天做一个拖动效果，在网上找了个模板，作发后发现一拖动就会选择其它页面部分，需要去除这个效果，<br />找了个模板看了下发现有如下方法：只能被IE识别，<br />document.onselectstart=function(){return false}<br />优化后：（可能选择下拉列表框架）<br />document.onselectstart = function(event){<br /> if(window.event) {<br /> event =   
onselectstart和onselect的使用
weixin_30293135的博客
11-17 363
1.onselectstart 　　这个事件主要是用于禁止选择网页中的文字。代码为： document.onselectstart =function(){ return false; } 　　另外ff/opera不支持此事件，ff可以用css控制：css: body { -moz-user-select: none; }。webkit浏览...
onselectstart与onselect
w93223010的专栏
07-24 379
这两个事件看起来很相似，事实上却非常的不同。 onselectstart         onselectstart几乎可以用于所有对象，其触发时间为目标对象被开始选中时（即选中动作刚开始，尚未实质性被选中）。该事件常使用 于使目标对象“禁止变蓝”，比如在很多地方当用户双击时，一些元素会变成蓝色（选中状态），而当我们要避免这种情况时就可以使用该事 件，使用示例如下： flondon 或
js禁止页面复制功能禁用页面右键菜单示例代码.docx
01-21
document.body.onselectstart = function(){ return false; } ``` 这将禁用页面的选中功能，从而禁用复制功能。 禁用剪切功能 禁用剪切功能可以使用 `oncut` 事件，例如： ``` <script type="text/javascript"> ...
【JavaScript源代码】JavaScript实现简单拖拽效果.docx
12-29
JavaScript 实现简单的拖拽效果是网页交互中常见的一种功能，主要通过监听鼠标事件来实现。在本实例中，我们将分析如何使用 JavaScript 和 CSS 创建一个可拖动的蓝色盒子。 首先，我们需要创建 HTML 结构，这里包含...
JavaScript禁止页面操作的示例代码
10-26
document.onselectstart = function() { return false; }; } // For NS6 else if (window.sidebar) { document.onmousedown = function() { return false; }; document.onclick = function() { return true; }; }...
实用小技巧收集
啊酒弟弟的博客
05-05 958
网页复制粘贴 document.oncontextmenu=document.onselectstart=document.body.onselectstart=document.oncopy=document.body.oncopy=""
js 网页禁止复制
ilovexiaoming1的博客
12-13 5193
#禁止右键 document.oncontextmenu = function(){ return false; } #禁止选中文字 document.onselectstart = function(){ return false; } #只限制使用： 如果只限制复制，可以在<body>加入以下代码： <body oncopy="alert('对不起，禁止复制！');return false;"> #阻止默认事件来禁止： documentment.o...
关于移动端h5页面不能滑动问题的解决办法
weixin_43066287的博客
05-19 7468
关于移动端h5页面不能滑动问题的解决办法1. 先说css，主要排查 overflow:hidden；2. 再说下js，主要是有在touchstart、touchmove或touchend等事件中的阻止默认事件的原因 1. 先说css，主要排查 overflow:hidden； 检查也有一定的顺序，检查超出高度的标签是否用了overflow:hidden；最好先检查html或body是不是加了height:100%；overflow:hidden；然后再看包裹在最外边的元素是否加了overflow:hidde
网页禁止复制
长春小佛爷的博客
04-12 2419
//禁止选择网页中的文字 document.onselectstart = function () { return false; } 方法1： 在网页中加入以下代码： <script language="Javascript"> document.οncοntextmenu=new Function("event.returnValue=false"); document.onselectstart=new Function("event.returnValue=false");.
解除网页选择、复制限制
3D的博客
06-01 2488
1.打开网页 2.按下F12 3.切换到Console页面 4.输入下述代码后回车 document.onselectstart=new Function("event.returnValue=true"); document.oncopy=new Function("event.returnValue=true"); 5.不要刷新，即可进行选择和复制
网站内容禁止复制和粘贴、另存为的js代码
weixin_30642305的博客
02-06 829
1、使右键和复制失效 方法1： 在网页中加入以下代码： <script language="Javascript"> document.oncontextmenu=new Function("event.returnValue=false"); document.onselectstart=new Function("event.returnValue=false"); <...
避免copy
chimipiao5823的博客
05-21 345
禁止鼠标右键：oncontextmenu="return false"； 禁止选择：onselectstart="return false"； 禁止拖放：ondragstart="return false"； 禁止拷贝：oncopy=document.selection.empty() ...
onselect与onselectstart 禁止选中
zuizuo9948的博客
08-27 705
onselect 事件会在文本框中的文本被选中时发生 支持该事件的 HTML 标签：&lt;input type="text"&gt;，&lt;textarea&gt; 支持该事件的 JavaScript 对象：window 使用举例： &lt;input type="text" value="Hello world!" onselect="alert('你.
document.oncontextmenu = function () { event.returnValue = false; } document.onselectstart = function () { event.returnValue = false; } document.oncopy = function () { event.returnValue = false; }代码注释，对代码进行解释
最新发布
06-01
具体来说，代码中定义了三个事件处理函数，分别是 `document.oncontextmenu`、`document.onselectstart` 和 `document.oncopy`。它们分别对应了在文档上右键点击、选择文本和复制文本三种操作。在这些事件中，通过...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值