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 相关文章推荐
Jquery + Ajax调用webService实例代码(asp.net)
Aug 27 Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
Jan 10 Javascript
node.js中使用q.js实现api的promise化
Sep 17 Javascript
Node.js实现批量去除BOM文件头
Dec 20 Javascript
jquery实现的伪分页效果代码
Oct 29 Javascript
node.js实现端口转发
Apr 14 Javascript
javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)
Sep 20 Javascript
JS自动生成动态HTML验证码页面
Jun 14 Javascript
jQuery DOM节点的遍历方法小结
Aug 15 jQuery
vue页面切换到滚动页面显示顶部的实例
Mar 13 Javascript
微信小程序实现蓝牙打印
Sep 23 Javascript
JS实现网页端猜数字小游戏
Mar 06 Javascript
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
第五节--克隆
2006/11/16 PHP
完美实现GIF动画缩略图的php代码
2011/01/02 PHP
PHP5.4中json_encode中文转码的变化小结
2013/01/30 PHP
PHP JSON出错:Cannot use object of type stdClass as array解决方法
2014/08/16 PHP
php文件类型MIME对照表(比较全)
2016/10/07 PHP
Laravel使用消息队列需要注意的一些问题
2017/12/13 PHP
javascript中的缓动效果实现程序
2012/12/29 Javascript
js获取当前页面路径示例讲解
2014/01/08 Javascript
node.js中的fs.open方法使用说明
2014/12/17 Javascript
Javascript基础教程之变量
2015/01/18 Javascript
浅谈Cookie的生命周期问题
2016/08/02 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
2016/09/21 Javascript
vue自定义指令实现v-tap插件
2016/11/03 Javascript
微信小程序 网络请求(GET请求)详解
2016/11/16 Javascript
过期软件破解办法实例详解
2017/01/04 Javascript
Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
2017/01/22 Javascript
ES6中Math对象的部分扩展
2017/02/20 Javascript
JavaScript简单实现合并两个Json对象的方法示例
2017/10/16 Javascript
给localStorage设置一个过期时间的方法分享
2018/11/06 Javascript
更优雅的微信小程序骨架屏实现详解
2019/08/07 Javascript
[00:48]食人魔魔法师至宝“金鹏之幸”全新模型和自定义特效展示
2019/12/19 DOTA
python遍历文件夹并删除特定格式文件的示例
2014/03/05 Python
Python实现的二维码生成小软件
2014/07/11 Python
python微信公众号之关键词自动回复
2018/06/15 Python
Python实现企业微信机器人每天定时发消息实例
2020/02/25 Python
百联网上商城:i百联
2017/01/28 全球购物
银行员工辞职信范文
2014/01/20 职场文书
狼和鹿教学反思
2014/02/05 职场文书
元旦获奖感言
2014/03/08 职场文书
经营理念标语
2014/06/21 职场文书
研究生简历自我评价范文
2014/09/13 职场文书
2015年“公民道德宣传日”活动方案
2015/05/06 职场文书
推广普通话宣传标语口号
2015/12/26 职场文书
幼儿园教师培训心得体会
2016/01/21 职场文书
施工安全责任协议书
2016/03/23 职场文书
Mysql将字符串按照指定字符分割的正确方法
2022/05/30 MySQL