博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
禁止div内容被选中【转】
阅读量:6633 次
发布时间:2019-06-25

本文共 518 字,大约阅读时间需要 1 分钟。

在做div的点击计数事件时,遇到一个小问题。

因为div里面有文字,所以当点击多次时,特别是鼠标点的比较快的时候,文字会被选中。

查了下,用css和javascript可以实现禁止选择。

css代码:

/* css style: */
html,body{
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}

html代码

说明:

<div unselectable="on" 

onselectstart="return false;" 

style="-moz-user-select:none;"> some text</div>

unselectable针对IE

onselectstart针对Chrome、Safari
-moz-user-select是firefox专有的

 

PS:我的淘宝店铺新开业,经营各种桌游,棋牌,希望大伙儿能来看看!http://201314yes.taobao.com/

转载于:https://www.cnblogs.com/jenney-qiu/archive/2012/11/30/2796581.html

你可能感兴趣的文章