javascript 事件綁定方法與相容ie ff解決辦法

網頁特效 事件綁定方法與相容ie ff解決辦法

var t = document.getelementbyid("tab1");
t.onclick = function tst(){
alert('');
} 第二種方法

var tb = document.getelementbyid("tab1");
if(window.addeventlistener){ // mozilla, netscape, firefox
td_value.addeventlistener('click', alert('11'), false);
td_value.addeventlistener('click', alert('12'), false);
} else { // ie
td_value.attachevent('onclick', function(){alert('21');});
td_value.attachevent('onclick', function(){alert('2'2);});
} ]
js event事件在ie、ff相容性問題

1、window.event

ie：有window.event物件
ff：沒有window.event物件。 可以通過給函數的參數傳遞event物件。
如：
代碼如下:

<input type="button" onmousemove="showdiv(event);" event不需要加引號
function showdiv(event)
{
var event=window.event|| event;
event.clientx;
event.clienty;
}

javascript 事件綁定問題

子頁面html：
代碼如下:

<input type="checkbox" name="check" onclick="checkedbox(this)" value="a" />
子頁面js：
代碼如下:

function createioc(text,value) {
var o = document.createelement("a");
o.id = value;
o.href = "#";
o.classname = "c";
o.style.border = "2px solid red";
o.style.width = "250px";
o.style.height = "30px";
o.style.display = "block";
o.innerhtml = "<table><tr><td>" + text + "</td><td><img src='/javascripts/data/ close.gif' width='13' height='13'/></td></tr></table>";
o.setattribute("onclick", "iocclick()");
return o;
}
function iocclick() {
alert('ok');
}
function checkedbox(box) {
window.parent.document.getelementbyid("kdks_panel").appendchild(createioc('1','2'));
} 父級html:
代碼如下:

<div id="kdks_panel"></div>