javascript一句话备忘录

it2022-05-05  143

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,代表设置捕获事件.

转载于:https://www.cnblogs.com/linucos/archive/2011/11/02/2232735.html


最新回复(0)