onselectstart與onselect—禁止選擇或禁止複製

時間 2019-12-09

標籤 onselectstart onselect 禁止選擇複製简体版

原文原文鏈接

這兩個事件看起來很類似，事實上卻很是的不一樣。javascript

onselectstartcss

使用js禁止用戶選中網頁上的內容，IE及Chrome下的方法同樣。
使用onselectstart，例如
IE: <body onselectstart="return false">
Firefox：，控制css: body { -moz-user-select: none; } html

onselectstart幾乎能夠用於全部對象，其觸發時間爲目標對象被開始選中時（即選中動做剛開始，還沒有實質性被選中）。該事件常使用java

於使目標對象「禁止變藍」，好比在不少地方當用戶雙擊時，一些元素會變成藍色（選中狀態），而當咱們要避免這種狀況時就可使用該事web

件，使用示例以下：瀏覽器

<div id="tmp" onselectstart="return false">flondon</div>

或者htm

<div id="tmp">flondon</div>
<script type="text/javascript">
document.getElementById("tmp").onselectstart = function(){return false;};
</script>

或者對象

<div id="tmp">flondon</div>
<script type="text/javascript">
if(document.addEventListener)
{
document.getElementById("tmp").addEventListener("selectstart", function(){return false;}, false);
}
else
{
document.getElementById("tmp").attachEvent("onselectstart", function(){return false;});
}
</script>

注：
一、onselectstart事件不被input和textarea標籤支持，而onselect事件只被input和textarea支持。
二、Firefox/Opera不支持onselectstart事件Firefox中可使用CSS "-moz-user-select:none"屬性來禁止文本選定
三、webkit瀏覽器可使用「-khtml-user-select」，固然也可使用onselectstart事件來阻止用戶選定元素內文本，以下blog

<div onselectstart="return false">accc</div>

onselect事件

onselect是在文本框（input、textarea）內的文本被選中時所觸發的事件，其觸發時間是在文本被選擇之後（即文本已經被選擇，已經

顯式的表現出來）。該事件只被input和textarea標籤支持。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。