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 相关文章推荐
精选的10款用于构建良好易用性网站的jQuery插件
Jan 23 Javascript
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
Nov 14 Javascript
JavaScript等比例缩放图片控制超出范围的图片
Aug 06 Javascript
innerText 使用示例
Jan 23 Javascript
jQuery中:enabled选择器用法实例
Jan 04 Javascript
JavaScript实现更改网页背景与字体颜色的方法
Feb 02 Javascript
简述Jquery与DOM对象
Jul 10 Javascript
js实现文字在按钮上滚动的方法
Aug 20 Javascript
React应用中使用Bootstrap的方法
Aug 15 Javascript
vue中node_modules中第三方模块的修改使用详解
May 31 Javascript
vue-router路由模式详解(小结)
Aug 26 Javascript
如何用JavaScript检测当前浏览器是无头浏览器
Apr 27 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
一个ubbcode的函数,速度很快.
2006/10/09 PHP
php重定向的三种方法分享
2012/02/22 PHP
PHP向socket服务器收发数据的方法
2015/01/24 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
jquery实现平滑的二级下拉菜单效果
2015/08/26 Javascript
特殊日期提示功能的实现方法
2016/06/16 Javascript
jQuery实现限制文本框的输入长度
2017/01/11 Javascript
jquery 禁止鼠标右键并监听右键事件
2017/04/27 jQuery
AngularJS实现注册表单验证功能
2017/10/16 Javascript
JS简单实现点击跳转登陆邮箱功能的方法
2017/10/31 Javascript
微信小程序仿RadioGroup改变样式的处理方案
2018/07/13 Javascript
layui的table单击行勾选checkbox功能方法
2018/08/14 Javascript
vue-router beforeEach跳转路由验证用户登录状态
2018/12/26 Javascript
JavaScript解析机制与闭包原理实例详解
2019/03/08 Javascript
简单说说如何使用vue-router插件的方法
2019/04/08 Javascript
深入浅析Vue中mixin和extend的区别和使用场景
2019/08/01 Javascript
vue-property-decorator用法详解
2019/12/12 Javascript
JS实现纵向轮播图(初级版)
2020/01/18 Javascript
小程序实现列表倒计时功能
2021/01/29 Javascript
[01:14]DOTA2亚洲邀请赛小组赛赛前花絮
2017/03/27 DOTA
python中itertools模块zip_longest函数详解
2018/06/12 Python
Python Pywavelet 小波阈值实例
2019/01/09 Python
美国在线乐器和设备商店:Musician’s Friend
2018/07/06 全球购物
linux系统都有哪些运行级别
2016/03/26 面试题
设计4个线程,其中两个线程每次对j增加1,另外两个线程对j每次减少1。写出程序。
2014/12/30 面试题
宝宝周岁宴答谢词
2014/01/26 职场文书
最经典的商业地产项目广告词
2014/03/13 职场文书
乐观自信演讲稿范文
2014/05/21 职场文书
中秋节活动总结
2014/08/29 职场文书
个人收入证明模板
2014/09/18 职场文书
解除劳动合同协议书(样本)
2014/10/02 职场文书
买房子个人收入证明
2014/10/12 职场文书
暑期家教宣传单
2015/07/14 职场文书
导游词之丽江普济寺
2019/10/22 职场文书
mysql中DCL常用的用户和权限控制
2022/03/31 MySQL
HDFS免重启挂载新磁盘
2022/04/06 Servers