JS脚本实现动态给标签控件添加事件的方法


Posted in Javascript onJune 02, 2016

本文实例讲述了JS脚本实现动态给标签控件添加事件的方法。分享给大家供大家参考,具体如下:

<!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.onfocus=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" onfocus="alert('预设事件');" id="fy" />
<input type="button" onclick="set();" value="sssss"/>
</body>
</html>
Javascript 相关文章推荐
Jquery知识点一 Jquery的ready和Dom的onload的区别
Jan 15 Javascript
jquery 卷帘效果实现代码(不同方向)
Feb 05 Javascript
jQuery筛选器children()案例详解(图文)
Feb 17 Javascript
js数组方法扩展实现数组统计函数
Apr 09 Javascript
jQuery版AJAX简易封装代码
Sep 14 Javascript
简单实现jQuery多选框功能
Jan 09 Javascript
利用express启动一个server服务的方法
Sep 17 Javascript
jqgrid实现简单的单行编辑功能
Sep 30 Javascript
vue拦截器实现统一token,并兼容IE9验证功能
Apr 26 Javascript
Vue中android4.4不兼容问题的解决方法
Sep 04 Javascript
微信小程序实现watch监听
Jun 04 Javascript
antd-日历组件,前后禁止选择,只能选中间一部分的实例
Oct 29 Javascript
JavaScript来实现打开链接页面的简单实例
Jun 02 #Javascript
JavaScript实现打开链接页面的方式汇总
Jun 02 #Javascript
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
Jun 02 #Javascript
jquery.validate使用详解
Jun 02 #Javascript
jQuery ajax应用总结
Jun 02 #Javascript
JavaScript判断数字是否为质数的方法汇总
Jun 02 #Javascript
Jquery on方法绑定事件后执行多次的解决方法
Jun 02 #Javascript
You might like
Yii2 RESTful中api的使用及开发实例详解
2016/07/06 PHP
用window.location.href实现刷新另个框架页面
2007/03/07 Javascript
JavaScript 无符号右移赋值操作
2009/04/17 Javascript
JQuery 初体验(建议学习jquery)
2009/04/25 Javascript
jquery 按钮状态效果 正常、移上、按下
2013/08/12 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
JS实现的打字机效果完整实例
2016/06/20 Javascript
ionic组件ion-tabs选项卡切换效果实例
2016/08/27 Javascript
jquery判断iPhone、Android设备类型
2016/09/14 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
2016/11/25 Javascript
JavaScript自动点击链接 防止绕过浏览器访问的方法
2017/01/19 Javascript
javascript完美实现给定日期返回上月日期的方法
2017/06/15 Javascript
javascript面向对象三大特征之封装实例详解
2019/07/24 Javascript
js实现带搜索功能的下拉框
2020/01/11 Javascript
[02:23]2018DOTA2亚洲邀请赛趣味视频——反应测试
2018/04/04 DOTA
python和shell实现的校验IP地址合法性脚本分享
2014/10/23 Python
使用Python下载歌词并嵌入歌曲文件中的实现代码
2015/11/13 Python
利用Python开发实现简单的记事本
2016/11/15 Python
Python标准库06之子进程 (subprocess包) 详解
2016/12/07 Python
对python sklearn one-hot编码详解
2018/07/10 Python
Python中函数的基本定义与调用及内置函数详解
2019/05/13 Python
python下PyGame的下载与安装过程及遇到问题
2019/08/04 Python
pytorch使用指定GPU训练的实例
2019/08/19 Python
详解python日志输出使用配置文件格式
2021/02/10 Python
CSS3伪类选择器:nth-child()
2009/04/02 HTML / CSS
canvas因为图片资源不在同一域名下而导致的跨域污染画布的解决办法
2019/01/18 HTML / CSS
详解使用postMessage解决iframe跨域通信问题
2019/11/01 HTML / CSS
四年级学生评语大全
2014/04/21 职场文书
小学数学教学经验交流材料
2014/05/22 职场文书
高效课堂标语
2014/06/26 职场文书
教师纪念9.18事件演讲稿范文
2014/09/14 职场文书
小学趣味运动会加油稿
2014/09/25 职场文书
党的群众路线教育实践活动整改落实情况报告
2014/10/28 职场文书
幼师辞职信范文
2015/02/27 职场文书
企业战略合作意向书
2015/05/08 职场文书
Android使用EventBus发送消息,Fragment中接收消息的方法会执行多次
2022/04/24 Java/Android