首頁 > 開發者 > JavaScript
1. 禁用右鍵菜單
document.oncontextmenu =
function()
{
return false;
};
2. 禁用文字選擇
document.onselectstart =
function()
{
return false;
};
3. 通過ID擷取DOM對象
var div = document . getElementById("myDiv");
div.innerHtml="myDiv...ID...";
4. 處理DOM對象事件
(0)DOM對象分為兩個類型：捕獲事件和冒泡事件.假如html如下：
<body>
<div id = "div1" class="divs" style="height:60px;">
div1 div1 div1
<div id = "div2" class="divs" style="height:40px;">
div2 div2 div2
<div id = "div3" class="divs" style="height:20px">
div3 div 3 div3
</div>
</div>
</div>
</body>
那麼捕獲事件的行程順序是：document->div1->div2->div3;冒泡事件的行程順序是：div3->div2->div1->document.
捕獲事件的用意在阻止正常的事件傳遞流程;冒泡事件的用意在讓每個對象樹按照正確順序處理事件。
(1)冒泡事件處理
方法A：改寫事件處理介面，例如：
var obj = document.getElementById("div1");
obj.onclick = function(e)
{
alert("#div1 on click");
};
方法B：設定事件處理回調，例如：
var obj = document.getElementById("div1");
obj.addEventListener("click", function(e)
{
alert("#div1 on click");
}, false); // 注意這裡是false，代表設定冒泡事件.
(2)捕獲事件處理
類似（1）中的方法B，參數傳遞成true即可，例如：
var obj = document.getElementById("div1");
obj.addEventListener("click", function(e)
{
alert("#div1 on click");
}, true); // 注意這裡是true，代表設定捕獲事件.
(3)停止預設傳遞流程
有一種情況是：我們截獲捕獲類事件，不想讓它繼續傳遞，方法是：
var obj = document.getElementById("div1");
document.addEventListener("click", function(e)
{
alert("document on click");
e.stopPropagation(); //此句阻止繼續傳遞
}, true); // 注意這裡是true，代表設定捕獲事件.Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
