防止双击选中html中文字

在开发过程中很常用的会给<span></span>等内联元素增加一个onlick事件，但是经常发生的一件事情就是点击的时候，选中了span中的字体；倒是不影响主逻辑，但是很难受，影响用户体验；
解决方法很简单：给span或其他的元素加上这个属性就可以了；
onselectstart="return false"
 
时间： 2024-10-25 16:40:31

防止双击选中html中文字的相关文章

屏蔽双击选中文字的方法

FF用样式 :-moz-user-select:none; FF以外的浏览器用:onselectstart="return false"(直接加在需要作用的标签) eg:  <div class="test" onselectstart="return false" style="-moz-user-select:none;">你选不到我...(屏蔽双击选中文字的区域)</div>

屏蔽页面双击选中文本

1. 如果我们要做到兼容ie与ff浏览器就可以在要屏蔽双击的div上加上return false;与-moz-user-select:none;即可解决了,下面看例子. 指定div <div class="picBox" onselectstart="return false;" style="-moz-user-select:none;">屏蔽双击选中文字的区域</div> 如果要屏蔽整个页面 我们在页面的body上加

阻止页面双击选中文本解决方案

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

解决 “页面中文字增多，字号突然变大” 的问题

在之前一篇文章中,曾记录过一个开发中遇到的问题,在页面中文字增加到一定数量,或者文字大小设置为某一个值时,页面中的文字字号会突然变大,超出自己设置的字号大小. 如下图所示: 虽然我设置的字号大小是24px,但是在computed下却是28.7px,超出我所设置的大小,那么问题来源是什么? 经高人指点后,该问题终于得到了解决,主要问题在于 Font Boosting 特性. 这个特性被称做「Text Autosizer」,又称「Font Boosting」.「Font Inflation」,是 W

Excel 筛选中文字

大家都知道,中文字符最大的特点就是双字节,在excel中同样如此,因此可以使用公式来区分开中文字符. 假设数据在A列. 在B1中输入公式 =LEFT(A1,LENB(A1)-LEN(A1)) 公式往下拉 则可快速得到中文的单元格. 其中,excel中,len()函数是返回字符个数,而lenb()函数是返回字节数,用字节数减去字符数即为中文字个数,如果只需要知道某个字符串中是否含有中文,则只要判断该字符串的字节数和字符数是否相等就行,相等则表示没有中文,不等则表示含有字符. 结果如下图,只要在B列

iOS开发之获取一段字符串中的中文字和中文字符

#pragma mark -获取一段字符串中的中文字 + (NSArray *)getAStringOfChineseWord:(NSString *)string { if (string == nil || [string isEqual:@""]) { return nil; } NSMutableArray *arr = [[NSMutableArray alloc]init]; for (int i=0; i<[string length]; i++) { int a

段落排版--中文字间距、字母间距(letter-spacing, word-spacing)

中文字间隔.字母间隔设置: 如果想在网页排版中设置文字间隔或者字母间隔就可以使用    letter-spacing 来实现,如下面代码: h1{ letter-spacing:50px; } ... <h1>了不起的盖茨比</h1> 注意:这个样式使用在英文单词时,是设置字母与字母之间的间距. 单词间距设置: 如果我想设置英文单词之间的间距呢?可以使用 word-spacing 来实现.如下代码: h1{ word-spacing:50px; } ... <h1>we

css中文字能够撑开高度吗

css中文字能够撑开高度吗:本章节介绍一个可能比较误导人的概念.那就是当一个div没有设置高度的时候,可能很多人认为它的高度是由内部的文字撑开的,真的是这样吗,下面就通过代码实例进行一下验证,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softw

select中文字垂直居中解决办法

我们知道select标签在各个浏览器中的属性和各浏览器的支持各有些不同,从而造成select选择框在各浏览器的显示有不同,下面我们通过对主要 外形CSS属性的支持,打造全兼容select. 我对select的height.padding.line-height分别利用控制变量的方法写了个DEMO在各浏览器上测试三种情况:height.100.padding.0.height.no.padding.100.no.height.no.padding,结果如  链接图片各浏览器DEMO外观 我们可以得