701cc19d2c5a

背景

开发登录页面的时候，有个滑动验证提出的bug，也算是优化建议吧。
就是说，点击拖动滑块的时候，操作过快没有点到滑块，就会选中提示文字，让文字变蓝，点击选中还能拖动，显得有些诡异，让我优化一下用户体验。
解决方案，给父级元素加上禁止选择：onselectstart = "return false"就不能被选中了
这里做一下总结，关于一些不是被经常用到的。

onselectstart

触发时间为目标对象被开始选中时（即选中动作刚开始，尚未实质性被选中）
基本上都能支持，但不被 input 和 textarea 标签支持
注意：如果想在火狐中禁用的话可以使用样式控制 div { -moz-user-select: none; }

onselect

文本框中的文本被选中时发生
被 input 和 textarea 标签支持

禁止选择： onselectstart="return false"
使用场景：实现元素内文本不被选中

禁止拖放： ondragstart="return false"
使用场景：禁止鼠标在网页上拖动

禁止拷贝： oncopy="return false"
使用场景：很多网站上的页面内容是不允许复制的，这样可以防止用户或者程序恶意的去抓取页面数据。

禁止粘贴： onpaste="return false"
使用场景：网银转账时，输入对方卡号，需要输入两次，通常第二次输入的输入框是不允许粘贴的，这样就在一定程度上保证了卡号的准确性。

禁止剪贴： oncut = "return false"
禁止鼠标右键：οncοntextmenu=“return false”

禁止保存

<noscript><iframe src="*.htm"></iframe></noscript> //放在head里面

转载：简书：撑船的摆渡人https://www.jianshu.com/p/701cc19d2c5a

onselect 与 onselectstart相关推荐

如何php防止XSS攻击
什么是XSS:这里通俗的讲,就像是SQL注入一样,XSS攻击也可以算是对HTML和JS的一种注入.你本来希望得到是从用户那得到一段有用的文本文字,但用户提交给你的却是别有用心的可执行javascrip ...
PHP 一个可以过滤非法脚本的函数
这里提供一个过滤非法脚本的函数: function RemoveXSS($val) { // remove all non-printable characters. CR(0a) and L ...
PHP如何防止XSS攻击
PHP防止XSS跨站脚本攻击的方法:是针对非法的HTML代码包括单双引号等,使用htmlspecialchars()函数 . 在使用htmlspecialchars()函数的时候注意第二个参数, 直接 ...
PHP 防XSS跨站攻击
//防止跨站攻击static public function removeXss($val){ $val = preg_replace('/([\x00-\x08][\x0b-\x0c][\x0e-\ ...
一次有趣的XSS漏洞挖掘分析（1）
最近认识了个新朋友,天天找我搞XSS.搞了三天,感觉这一套程序还是很有意思的.因为是过去式的文章,所以没有图.但是希望把经验分享出来,可以帮到和我一样爱好XSS的朋友.我个人偏爱富文本XSS,因为很有 ...
Blazor University （6）组件 — 组件事件
原文链接:https://blazor-university.com/components/component-events/ 组件事件源代码[1] EventCallback<T> 类 ...
php 避免xss_PHP防止XSS注入
我们在做网站的时候,经常有input提交,通常前端对input中的内容不做判断,只做不为空等简单的操作.但是,有的input中会提交一些javascript或者html,会给网站造成一定的危害.为此, ...
.net解决Xss攻击
首先要明白什么是Xss攻击 XSS是一种经常出现在web应用中的计算机安全漏洞,它允许恶意web用户将代码植入到提供给其它用户使用的页面中.比如这些代码包括HTML代码和客户端脚本.攻击者利用XSS漏 ...
如何尽量规避XSS(跨站点脚本)攻击
2019独角兽企业重金招聘Python工程师标准>>> 跨站攻击,即Cross Site Script Execution(通常简写为XSS,因为CSS与层叠样式表同名,故改为XSS ...
phpcms 设置page页码首页、末页、总数据
phpcms 设置page 首页.末页.总数据 \phpcms\libs\functions\global.func.php 可直接使用如下代码替换到global.func.php <?php ...

onselect 与 onselectstart

转载：简书：撑船的摆渡人https://www.jianshu.com/p/701cc19d2c5a

背景

onselectstart

onselect

转载：简书：撑船的摆渡人https://www.jianshu.com/p/701cc19d2c5a

onselect 与 onselectstart相关推荐

最新文章

热门文章