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 相关文章推荐
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
Aug 09 Javascript
javascript操作referer详细解析
Mar 10 Javascript
模拟用户点击弹出新页面不会被浏览器拦截
Apr 08 Javascript
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
Nov 18 Javascript
jQuery实现移动端滑块拖动选择数字效果
Dec 24 Javascript
ajax异步请求详解
Jan 06 Javascript
JavaScript中双符号的运算详解
Mar 12 Javascript
angularjs2中父子组件的数据传递的实例代码
Jul 05 Javascript
webpack4 SCSS提取和懒加载的示例
Sep 03 Javascript
详解Eslint 配置及规则说明
Sep 10 Javascript
Javascript删除数组里的某个元素
Feb 28 Javascript
JavaScript实现音乐导航效果
Nov 19 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
PHP游戏编程25个脚本代码
2011/02/08 PHP
PHP+Mysql+jQuery中国地图区域数据统计实例讲解
2015/10/10 PHP
PHP引用的调用方法分析
2016/04/25 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
表单内同名元素的控制
2006/11/22 Javascript
javascript 播放器 控制
2007/01/22 Javascript
JavaScript 利用StringBuffer类提升+=拼接字符串效率
2009/11/24 Javascript
!DOCTYPE声明对JavaScript的影响分析
2010/04/12 Javascript
js function使用心得
2010/05/10 Javascript
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
2011/06/02 Javascript
js change,propertychange,input事件小议
2011/12/20 Javascript
判断复选框是否被选中的两种方法
2014/06/04 Javascript
H5移动端图片压缩上传开发流程
2016/11/09 Javascript
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
2016/12/14 Javascript
jQuery对table表格进行增删改查
2020/12/22 Javascript
a标签置灰不可点击的实现方法
2017/02/06 Javascript
JS Input里添加小图标的两种方法
2017/11/11 Javascript
详解使用element-ui table组件的筛选功能的一个小坑
2018/11/02 Javascript
详解微信小程序开发用户授权登陆
2019/04/24 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
2019/08/05 Javascript
Vue Cli3 打包配置并自动忽略console.log语句的方法
2020/04/23 Javascript
js实现计算器功能
2020/08/10 Javascript
python使用post提交数据到远程url的方法
2015/04/29 Python
举例讲解Python中的算数运算符的用法
2015/05/13 Python
理论讲解python多进程并发编程
2018/02/09 Python
python实现控制台打印的方法
2019/01/12 Python
Pytoch之torchvision.transforms图像变换实例
2019/12/30 Python
TensorFlow命名空间和TensorBoard图节点实例
2020/01/23 Python
HTML5教程之html 5 本地数据库(Web Sql Database)
2014/04/03 HTML / CSS
继承时候类的执行顺序问题,一般都是选择题,问你将会打印出什么?
2015/11/18 面试题
护士专业推荐信
2013/11/02 职场文书
党员志愿者活动总结
2014/06/26 职场文书
设计师求职信
2014/07/01 职场文书
交通事故协议书范文
2014/10/23 职场文书
CSS完成视差滚动效果
2021/04/27 HTML / CSS
Mysql表数据比较大情况下修改添加字段的方法实例
2022/06/28 MySQL