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


Posted in Javascript onMay 13, 2017

本文实例讲述了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>

PS:这里再为大家附上javascript事件参考表供大家参考查询:

javascript事件与功能说明大全:
http://tools.3water.com/table/javascript_event

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js表数据排序 sort table data
Feb 18 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
Aug 14 Javascript
jQuery设置Cookie及删除Cookie实例分析
Apr 15 Javascript
javascript动画之模拟拖拽效果篇
Sep 26 Javascript
bootstarp modal框居中显示的实现代码
Feb 18 Javascript
Angular2开发——组件规划篇
Mar 28 Javascript
Angular项目中$scope.$apply()方法的使用详解
Jul 26 Javascript
在 Node.js 中使用原生 ES 模块方法解析
Sep 19 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
Dec 18 Javascript
vue iView 上传组件之手动上传功能
Mar 16 Javascript
详解Vue依赖收集引发的问题
Apr 22 Javascript
jQuery属性选择器用法实例分析
Jun 28 jQuery
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 #jQuery
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 #jQuery
vue.js 初体验之Chrome 插件开发实录
May 13 #Javascript
JS中cookie的使用及缺点讲解
May 13 #Javascript
jQuery中clone()函数实现表单中增加和减少输入项
May 13 #jQuery
jQuery遍历节点方法汇总(推荐)
May 13 #jQuery
基于angular实现三级联动的生日插件
May 12 #Javascript
You might like
PHP与已存在的Java应用程序集成
2006/10/09 PHP
Codeigniter(CI)框架分页函数及相关知识
2014/11/03 PHP
memcache一致性hash的php实现方法
2015/03/05 PHP
Thinkphp3.2.3分页使用实例解析
2016/07/28 PHP
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
2009/06/14 Javascript
extjs grid设置某列背景颜色和字体颜色的方法
2010/09/03 Javascript
让JavaScript拥有类似Lambda表达式编程能力的方法
2010/09/12 Javascript
Checbox的操作含已选、未选及判断代码
2013/11/07 Javascript
深入理解jQuery中live与bind方法的区别
2013/12/18 Javascript
Jquery网页内滑动缓冲导航的实现代码
2015/04/05 Javascript
javascript消除window.close()的提示窗口
2015/05/20 Javascript
用js实现放大镜的效果的简单实例
2016/05/23 Javascript
jQuery 更改checkbox的状态,无效的解决方法
2016/07/22 Javascript
JavaScript实现的CRC32函数示例
2016/11/23 Javascript
js仿网易表单及时验证功能
2017/03/07 Javascript
Node.js利用debug模块打印出调试日志的方法
2017/04/25 Javascript
详解Angular2表单-模板驱动的表单(Template-Driven Forms)
2017/08/04 Javascript
父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法
2018/04/25 Javascript
微信小程序中如何计算距离某个节日还有多少天
2019/07/15 Javascript
layui下拉框获取下拉值(select)的例子
2019/09/10 Javascript
小程序自定义模板实现吸顶功能
2020/01/08 Javascript
如何利用nodejs自动定时发送邮件提醒(超实用)
2020/12/01 NodeJs
跟老齐学Python之编写类之三子类
2014/10/11 Python
通过5个知识点轻松搞定Python的作用域
2016/09/09 Python
python 多个参数不为空校验方法
2019/02/14 Python
实例教程 利用html5和css3打造一款创意404页面
2014/10/20 HTML / CSS
关于HTML5语义标签的实践(blog页面)
2016/07/12 HTML / CSS
Johnston & Murphy官网: 约翰斯顿·墨菲牛津总统鞋
2018/01/09 全球购物
AVI-8手表美国官方商店:AVI-8 USA
2019/04/10 全球购物
创业计划书如何编写
2014/02/06 职场文书
森林病虫害防治方案
2014/06/02 职场文书
公务员个人总结
2015/02/12 职场文书
英语读书笔记
2015/07/02 职场文书
员工工作心得体会
2019/05/07 职场文书
《合作意向书》怎么写?
2019/08/20 职场文书
解决Windows Server2012 R2 无法安装 .NET Framework 3.5
2022/04/29 Servers