建站教学网,让你建站更便捷和轻松!
您当前的位置:首页 > 网页制作 > Javascript/Ajax

javascript 事件绑定方法与兼容ie ff解决办法

来源:建站教学网  时间:2011-01-11 19:13:21

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

责任编辑:风中的自由

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
CopyRight 2008-2009, JZREAD.COM, Inc. All Rights Reserved
皖ICP备09015033号