动态绑定事件不成功

justxd 2007-08-08 07:11:07

<body onload="load()">

function load(){
var area=document.getElementsByTagName("area");
if(area.length>0)
{
for(var i=0;i<area.length;i++)
{

area[i].onmouseover=function()
{
onMouseOver(this.alt);
};

area[i].onmouseout= function()
{
alert(this.alt);
};
}
}
}

alert(this.alt);生效了
onMouseOver(this.alt);没有生效,onMouseOver是一个全局的函数放在</html>下面
...全文
195 5 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
浪尖赏花 2007-08-10
  • 打赏
  • 举报
回复
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>new page</title>
<script>
function load1(){
var area=document.getElementsByName("area");
if(area.length>0)
{
for(var i=0;i<area.length;i++)
{

area[i].onmouseover=function()
{
onMouseOver(this);
};

area[i].onmouseout= function()
{
document.getElementById("div1").innerHTML="鼠标移<font color=red>出</font>了"+this.name+",alt为"+this.alt;
};
}
}
}
function onMouseOver(obj){
document.getElementById("div1").innerHTML="鼠标移<font color=red>入</font>了"+obj.name+",alt为"+obj.alt;
}
</script>
</head>
<body onload="load1()">
<input type=text alt="ttt1" name="area" value=""><br>
<input type=text alt="ttt2" name="area" value=""><br>
<input type=text alt="ttt3" name="area" value=""><br>
<div id=div1></div>
</body>
</html>
jaopen 2007-08-10
  • 打赏
  • 举报
回复
onMouseOver这种函数名最好改一下,不要起和属性名相同的函数名。
shenba 2007-08-08
  • 打赏
  • 举报
回复
如果不是笔误的话改成
var area=document.getElementsByTagName("textarea");
或者把onMouseOver 放在load方法之前
tantaiyizu 2007-08-08
  • 打赏
  • 举报
回复
try this :

var area=document.getElementsByTagName("textarea");
懒牛科技 2007-08-08
  • 打赏
  • 举报
回复
area.length>0???
莫非是area.value.length>0

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧