屬性操作與事件

2022-09-10 11:21:18 字數 1542 閱讀 5071

瀏覽器事件

onload:瀏覽器載入完成執行

onscroll:滾動瀏覽器滾動條時觸發

document.documentelement.scrolltop

document.body.scrolltop (這兩種有相容性問題)

dom0操作(只能繫結乙個)

例子

document.getelementsbytagname("button")[0].onclick=function()

dom2操作(可以繫結多個)addeventlistener("事件型別","函式","是否捕獲")

捕獲   從裡到外

冒泡  從外到裡

例子

document.getelementbyid("box2").addeventlistener("click", function ()

解綁監聽事件

removeeventlistener("事件的型別",事件的處理程式 (必須是同乙個函式))

function  dome()

document.getelementsbytagname("button")[0].addeventlistener("click", dome )

pagex/y:相對於文件邊緣,包含滾動條距離

clientx/y:相對於當前頁面且不包含滾動條距離

主流瀏覽器 event    ie8及以下 window.event

組織冒泡stoppropagation

var event = event || window.event

event.stoppropagation();

阻止預設事件

e.preventdefault();

例子

document.getelementsbytagname("a")[0].onclick = function (e) ;

getattribute("屬性的名字")

removeattribute("屬性"):不僅可以移除元素本身的屬性,還可以移除元素自定義的屬

setattribute("屬性的名字","屬性的值");

物件.style

物件.classname

物件.setattribute("style")

物件.setattribute("class")

物件.style.setproperty("css屬性","css屬性值")

物件.style.csstext

例子document.getelementbyid("zi").onclick = function ()

屬性操作,事件,節點

事件滑鼠事件mouseover等 節點 window.onload function script var btn document.getelementbyid btn var dv document.getelementbyid box1 btn.onclick function 會出現冒泡,由...

HTML事件屬性

html4的新特性之一是可以使html事件觸發瀏覽器中的行為。視窗事件window events 僅在body和frameset元素中有效。onload 當文件被載入時執行指令碼 onunload 當文件被卸下時執行指令碼 表單元素事件 form element events 僅在表單元素中有效。o...

HTML 事件屬性

下面的 提供了標準的事件屬性,可以把它們插入 html xhtml 元素中,以定義事件行為。僅在 body 和 frameset 元素中有效。屬性值 描述onload 指令碼當文件被載入時執行指令碼 onunload 指令碼當文件被卸下時執行指令碼 僅在表單元素中有效。屬性值 描述onchange ...