200907091303在瀏覽器關閉使用者選取

如果想讓使用者無法選取複製網頁內容,需要在網頁的 <head> 裡加入下面這樣的 Code ︰

<script>
  document.onselectstart = function() { return false; }
</script>
<style>
  body { -moz-user-select : none; }
</style>

其中讓 IE 、 Chrome 、 Safari 無法選取的是 document.onselectstart 上的函式,讓 Firefox 無法選取的是 -moz-user-select 。不過比較有經驗的使用者都知道這招只是防君子不防小人,檢視網頁原始碼就全破了。

而我關閉使用者選取,則是希望讓 Web application 中的某些動作可以正常運作,例如拖曳。因此我會在這些動作開始前執行下面的 JavaScript ,把使用者選取關閉︰

document.onselectstart = function() { return false; }
document.body.style.MozUserSelect = 'none';

再在動作結束時執行下面的 JavaScript ,把使用者選取開啟︰

document.onselectstart = null;
document.body.style.MozUserSelect = '';
回應
Google 站內搜尋
BloggerAds
累積 | 今日
loading......
    沒有新回應!





Powered by Xuite