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 相关文章推荐
关于Aptana Studio生成自动备份文件的解决办法
Dec 23 Javascript
利用JavaScript实现新闻滚动效果(实例代码)
Nov 27 Javascript
js创建一个input数组并绑定click事件的方法
Jun 12 Javascript
jQuery中get和post方法传值测试及注意事项
Aug 08 Javascript
jquery取子节点及当前节点属性值的方法
Sep 09 Javascript
JS 作用域与作用域链详解
Apr 07 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
Aug 01 Javascript
jQuery-mobile事件监听与用法详解
Nov 23 Javascript
JavaScript设计模式之职责链模式应用示例
Aug 07 Javascript
JavaScript onclick事件使用方法详解
May 15 Javascript
vue实现点击按钮“查看详情”弹窗展示详情列表操作
Sep 09 Javascript
Nuxt的路由动画效果案例
Nov 06 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
在“咖啡之国”感受咖啡文化
2021/03/03 咖啡文化
php中XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法
2011/11/26 PHP
解析php函数method_exists()与is_callable()的区别
2013/06/21 PHP
Yii框架用户登录session丢失问题解决方法
2017/01/07 PHP
Yii Framework框架使用PHPExcel组件的方法示例
2019/07/24 PHP
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
深入浅析AngularJS和DataModel
2016/02/16 Javascript
canvas实现绘制吃豆鱼效果
2017/01/12 Javascript
boostrapTable的refresh和refreshOptions区别浅析
2017/01/22 Javascript
jQuery实现的简单图片轮播效果完整示例
2018/02/08 jQuery
详解vue 在移动端体验上的优化解决方案
2019/05/20 Javascript
layui 数据表格 点击分页按钮 监听事件的实例
2019/09/02 Javascript
Angular单元测试之事件触发的实现
2020/01/20 Javascript
[38:23]完美世界DOTA2联赛循环赛 FTD vs PXG BO2第二场 11.01
2020/11/02 DOTA
Python实现的一个简单LRU cache
2014/09/26 Python
python线程池(threadpool)模块使用笔记详解
2017/11/17 Python
python机器学习实战之K均值聚类
2017/12/20 Python
python逆向入门教程
2018/01/15 Python
Matplotlib中rcParams使用方法
2021/01/05 Python
python asyncio 协程库的使用
2021/01/21 Python
init进程的作用
2012/04/12 面试题
党建工作经验交流材料
2014/05/25 职场文书
数学教育专业求职信
2014/07/22 职场文书
动物科学专业求职信
2014/07/27 职场文书
企业党的群众路线教育实践活动学习心得体会
2014/10/31 职场文书
社区活动总结
2015/02/04 职场文书
2015年公司保安年终工作总结
2015/05/14 职场文书
铁人纪念馆观后感
2015/06/16 职场文书
2015暑期爱心支教策划书
2015/07/14 职场文书
2015初中团委工作总结
2015/07/28 职场文书
2016医师资格考试考生诚信考试承诺书
2016/03/25 职场文书
检讨书格式
2019/04/25 职场文书
北京大学中文系教授推荐的10本小说
2019/08/08 职场文书
python numpy中multiply与*及matul 的区别说明
2021/05/26 Python
hive数据仓库新增字段方法
2022/06/25 数据库
Python安装及建立虚拟环境的完整步骤
2022/06/25 Servers