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 相关文章推荐
QUnit jQuery的TDD框架
Nov 04 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
Jan 23 Javascript
使用GruntJS链接与压缩多个JavaScript文件过程详解
Aug 02 Javascript
用js来获取上传的文件名纯粹是为了美化而用
Oct 23 Javascript
javascript客户端遍历控件与获取父容器对象示例代码
Jan 06 Javascript
详解JS函数重载
Dec 04 Javascript
kindeditor修复会替换script内容的问题
Apr 03 Javascript
jQuery如何使用自动触发事件trigger
Nov 29 Javascript
Angular2仿照微信UI实现9张图片上传和预览的示例代码
Oct 19 Javascript
利用Console来Debug的10个高级技巧汇总
Mar 26 Javascript
微信小程序 调用远程接口 给全局数组赋值代码实例
Aug 13 Javascript
easyUI使用分页过滤器对数据进行分页操作实例分析
Jun 01 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
phpfans留言版用到的install.php
2007/01/04 PHP
Symfony2使用第三方库Upload制作图片上传实例详解
2016/02/04 PHP
thinkphp中U方法按路由规则生成url的方法
2018/03/12 PHP
JavaScript中Math对象使用说明
2008/01/16 Javascript
javascript 动态加载 css 方法总结
2009/07/11 Javascript
JavaScript学习笔记(二) js对象
2011/10/25 Javascript
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
2012/02/03 Javascript
jquery offset函数应用实例
2012/11/14 Javascript
通过JQuery实现win8一样酷炫的动态磁贴效果(示例代码)
2013/07/13 Javascript
avalonjs实现仿微博的图片拖动特效
2015/05/06 Javascript
JavaScript中的时间处理小结
2016/02/24 Javascript
BootStrap中Datepicker控件带中文的js文件
2016/08/10 Javascript
Vue.js每天必学之表单控件绑定
2016/09/05 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
2016/11/16 Javascript
JS日程管理插件FullCalendar中文说明文档
2017/02/06 Javascript
原生JS实现左右箭头选择日期实例代码
2017/03/14 Javascript
详解VueRouter进阶之导航钩子和路由元信息
2017/09/13 Javascript
js中如何完美的解析数据
2018/03/18 Javascript
validform表单验证的实现方法
2019/03/08 Javascript
vue子路由跳转实现tab选项卡
2019/07/24 Javascript
[00:28]DOTA2北京网鱼队选拔赛
2015/04/08 DOTA
[01:01:25]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第三局
2016/02/27 DOTA
[01:45:05]VGJ.T vs Newbee Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
python格式化字符串实例总结
2014/09/28 Python
python分析apache访问日志脚本分享
2015/02/26 Python
python中ASCII码和字符的转换方法
2018/07/09 Python
python将txt等文件中的数据读为numpy数组的方法
2018/12/22 Python
python实现猜拳游戏
2020/03/04 Python
python numpy库np.percentile用法说明
2020/06/08 Python
python 基于opencv去除图片阴影
2021/01/26 Python
2014年学校国庆主题活动方案
2014/09/16 职场文书
依法行政工作汇报
2014/10/28 职场文书
《亲亲我的妈妈》观后感(3篇)
2019/09/26 职场文书
教你解决往mysql数据库中存入汉字报错的方法
2021/05/06 MySQL
mysql中数据库覆盖导入的几种方式总结
2022/03/25 MySQL
MySQL限制查询和数据排序介绍
2022/03/25 MySQL