onselectstart属性

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

这两个事件看起来很相似,事实上却非常的不同. onselectstart 使用js禁止用户选中网页上的内容,IE及Chrome下的方法一样.使用onselectstart,例如 IE: <body onselectstart="return false"> Firefox:,控制css: body { -moz-user-select: none; } onselectstart几乎可以用于所有对象,其触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中).该

IE下设置unselectable与onselectstart属性的bug，Firefox与Chrome下的解决方案

在IE下给DIV设置unselectable与onselectstart属性,可以让div的内容不能选中,这个功能在很多情况下,非常有用,但是他的bug太明显, 直接使用一个DIV是可以的,比如: <div unselectable="on" onselectstart="return false;">不能选中的内容</div> 但是假如在这个DIV前面在出现一个普通的DIV,那就有问题了,比如: <div>普通DIV<di

onselectstart属性解决双击出现的蓝色区域

小伙伴们对 onselect 这个事件应该不陌生吧(在元素中的文本被选中时触发),但当同事问我onselectstart 这个事件的时候,我是一脸蒙蔽,心想,这难道不是随便起的一个方法名吗2333 onselectstart:触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中) 在什么场景适用呢: 用来实现元素内文本不被选中的场景. 其实这个事件还有一个用法,解决了以前一直困扰我的一个问题,如下图: 在双击加减号或者中间的数字时,都会出现这种选中的蓝色,还有分页的时候也会遇到,

html的标签中 unselectable=on 属性的作用

在IE浏览器中,当input获得焦点时,点击有unselectable="on"属性的标签时,不会触发onblur事件. 加上该属性的元素不能被选中. < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">< html> < head> < title>html的标签unselectable=on属性的作用

jqu

1 /*2 * 说明:3 * 本源代码的中文注释乃Auscarlin呕心沥血所作.旨在促进jQuery的传播以及向广大jQuery爱好者提供一个进阶4 *的途径,以让各位更加深入地了解jQuery,学习其中有用的技术,从而为振兴中华JS出一份绵薄之力...(说大了...)5 *6 *本文件保留了jQuery代码原来的英文注释,个别语句我在其旁列出了尝试性的翻译(并标明这是翻译).水平有限希望读者能斟酌.7 *另外,本中文注释不是简单将原文翻译(jQuery作者那少得可怜的注释根本不足以让我们读通

PHP通用的XSS攻击过滤函数，Discuz系统中防止XSS漏洞攻击，过滤HTML危险标签属性的PHP函数

XSS攻击在最近很是流行,往往在某段代码里一不小心就会被人放上XSS攻击的代码,看到国外有人写上了函数,咱也偷偷懒,悄悄的贴上来... 原文如下: The goal of this function is to be a generic function that can be used to parse almost any input and render it XSS safe. For more information on actual XSS attacks, check out h

html select的事件方法属性

事件 onactivate 当对象设置为活动元素时触发. onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发. onbeforeactivate 对象要被设置为当前元素前立即触发. onbeforecut 当选中区从文档中删除之前在源对象触发. onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即触发. onbeforeeditfocus 在包含于可编辑元素内的对象进入用户界面激活状态前或可编辑容器变成控件选中

window、document、html、body、element的事件属性比较

在分析jQuery的事件的时候有提到绑定事件的方式: Dean Edwards的跨浏览器事件绑定使用的方式是 element["on" + type] = handleEvent; 即绑定的事件的前提条件是element.onxxx属性必须存在. jQuery的绑定方式是使用浏览器的绑定绑定方法 if ( elem.addEventListener ) { elem.addEventListener( type, eventHandle, false ); } else if ( el

javascript事件与event对象的属性

javascript事件列表解说事件浏览器支持解说一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown IE4.N4 按下鼠标时触发此事件 onmouseup IE4.N4 鼠标按下后松开鼠标时触发此事件 onmouseover IE3.N2 当鼠标移动到某对象范围的上方时触发此事件 onmousemove IE4.N4 鼠标移动时触发此事件 onmouseout IE4.N3 当鼠标离开某对象范围

html body标签的几个属性禁用鼠标右键，禁用鼠标选中文字等

<body oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()' oncopy='document.selection.empty()' onbeforecopy='return false' onmouseup='document.selection.empty()'> 最近在代码中看到body标签里

css3:user-select属性

一.user-select简介这是在css3 UI规范中新增的一个功能,用来控制内容的可选择性二.user-select:值 auto——默认值,用户可以选中元素中的内容 none——用户不能选择元素中的任何内容 text——用户可以选择元素中的文本 element——文本可选,但仅限元素的边界内(只有IE和FF支持) all——在编辑器内,如果双击/上下文点击发生在子元素上,该元素的最高级祖先元素将被选中. -moz-none——firefox私有,元素和子元素的文本将不可选,但是inpu

CSS user-select属性拾遗

昨天把Notebook整理了一下,去查了一下手册,原来之前比较忽略user-select这个属性,因为之前以为只有webkit才支持的.手册进行了补充: user-select 禁止用户选中文字 none:文本不能被选择 text:可以选择文本 all:当所有内容作为一个整体时可以被选择.如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素. element:可以选择文本,但选择范围受元素边界的约束(webkit暂未支持) 兼容的处理: IE6-9不支持该属性,

关于css禁止文本复制属性

最近在做DHTMLX框架替换,新框架dhx的grid是不能选中内容复制的虽然相对来说是安全些的,但是客户体验度一定会大打折扣网页上禁止复制主要靠JavaScript来实现.<BODY oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncop

WebBrowser常用属性方法介绍

WebBrowser 常用属性方法 ■■方法 ============================== ▲GoBack 相当于IE的"后退"按钮,使你在当前历史列表中后退一项 ▲GoForward 相当于IE的"前进"按钮,使你在当前历史列表中前进一项 ▲GoHome 相当于IE的"主页"按钮,连接用户默认的主页 ▲GoSearch 相当于IE的"搜索"按钮,连接用户默认的搜索页面 ▲Navigat

js获取浏览器窗口属性

网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeight;网页被卷去的高: docum

表单禁用复制、粘贴、及右击菜单(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"

常用css属性拓展

text-overflow:clip | ellipsis(默认值:clip)clip:当内联内容溢出块容器时,将溢出部分裁切掉.ellipsis:当内联内容溢出块容器时,将溢出部分替换为(...).----------------------------------------------------------------------------------pointer-events:auto | none (默认值auto这里讲解是常用的属性值,具体参考实践和css手册)与pointer

css3的user-select属性设置文本内容能否被选择

CSS3中提供了个user-select属性来设置或检索是否允许用户选中文本. 语法 user-select:none | text | all | element. 默认值:text. 适用性:除替换元素外的所有元素. 继承性:无. 动画性:否. 计算值:指定值. 取值 none:文本不能被选择. text:可以选择文本(默认值). all:当所有内容作为一个整体时可以被选择.如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素. element:可以选择文本

css3 常用的属性

1.伪类选择符 Pseudo-Classes Selectors Selectors选择符 CSS Version版本 Description简介 E:link CSS1 设置超链接a在未被访问前的样式. E:visited CSS1 设置超链接a在其链接地址已被访问过时的样式. E:hover CSS1/2 设置元素在其鼠标悬停时的样式. E:active CSS1/2 设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式. E:focus CSS1/2 设置元素在成为输入焦点(该元

js-静态、原型、实例属性

本篇来说一下js中的属性: 1.静态属性 2.原型属性 3.实例属性静态属性: function klass(){} var obj=new klass(); klass.count=0; klass.count++; console.log(obj.count);//undefined console.log(klass.count);//1 静态属性存在于对象中.它的访问方式只有:类名.count 一种方式,无法通过实例访问. 如:Math.PI 原型属性: 在讲解原型属性之前有必要先提一

巴特西