网页特效 事件绑定方法与兼容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>