JS脚本动态给标签控件添加事件

最新推荐文章于 2021-10-25 08:04:03 发布

weixin_34257076

最新推荐文章于 2021-10-25 08:04:03 发布

阅读量92

点赞数

文章标签： xhtml javascript ViewUI

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script language="javascript">

function set()

{
        var obj =
document.getElementById("fy");


//obj.attachEvent('onfocus', add); //在原先事件上添加

//obj.setAttribute('onfocus',add); //会替代原有事件方法

//obj.οnfοcus=add;
//等效obj.setAttribute('onfocus',add);


if(window.addEventListener)

{

//其它浏览器的事件代码: Mozilla, Netscape, Firefox
            //添加的事件的顺序即执行顺序 //注意用
addEventListener
添加带on的事件，不用加on

obj.addEventListener('focus', add,
false);

}

else

{
            //IE 的事件代码在原先事件上添加 add
方法

obj.attachEvent('onfocus',add);

        }

}
    function
add(){alert("已经成功添加事件");}
</script>
<body>
    <input type="text" οnfοcus="alert('预设事件');" id="fy" />
    <input type="button" οnclick="set();"
value="sssss"/>
</body>
</html>