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 相关文章推荐
js鼠标滑过弹出层的定位IE6bug解决办法
Dec 26 Javascript
js判断ie版本号的简单实现代码
Mar 05 Javascript
JavaScript编程的10个实用小技巧
Apr 18 Javascript
jQuery通过扩展实现抖动效果的方法
Mar 11 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
Nov 06 Javascript
通过正则表达式获取url中参数的简单实现
Jun 07 Javascript
微信小程序 页面跳转和数据传递实例详解
Jan 19 Javascript
使用react-router4.0实现重定向和404功能的方法
Aug 28 Javascript
微信小程序 配置顶部导航条标题颜色的实现方法
Sep 20 Javascript
js实现车辆管理系统
Aug 26 Javascript
原生js实现弹幕效果
Nov 29 Javascript
vue实现验证用户名是否可用
Jan 20 Vue.js
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
2006/11/25 PHP
PHP 编写大型网站问题集
2010/05/07 PHP
php实现文件下载简单示例(代码实现文件下载)
2014/03/10 PHP
php+ajax导入大数据时产生的问题处理
2014/06/11 PHP
理解JavaScript变量作用域更轻松
2009/10/25 Javascript
jquery Mobile入门—多页面切换示例学习
2013/01/08 Javascript
ES6中Iterator与for..of..遍历用法分析
2017/03/31 Javascript
JS数组操作之增删改查的简单实现
2017/08/21 Javascript
Vue中建立全局引用或者全局命令的方法
2017/08/21 Javascript
详解Vue.js在页面加载时执行某个方法
2018/11/20 Javascript
jQuery时间戳和日期相互转换操作示例
2018/12/07 jQuery
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
2020/07/27 Javascript
JavaScript Image对象实现原理实例解析
2020/08/26 Javascript
python写xml文件的操作实例
2014/10/05 Python
浅析Python中的join()方法的使用
2015/05/19 Python
Tensorflow实现卷积神经网络的详细代码
2018/05/24 Python
详解Django中类视图使用装饰器的方式
2018/08/12 Python
使用Python实现微信提醒备忘录功能
2018/12/04 Python
使用Python Pandas处理亿级数据的方法
2019/06/24 Python
python dataframe NaN处理方式
2019/12/26 Python
PyQt5 closeEvent关闭事件退出提示框原理解析
2020/01/08 Python
如何导出python安装的所有模块名称和版本号到文件中
2020/06/05 Python
python读取图像矩阵文件并转换为向量实例
2020/06/18 Python
浅谈PyTorch中in-place operation的含义
2020/06/27 Python
Python3基于print打印带颜色字符串
2020/07/06 Python
css3实现文字扫光渐变动画效果的示例
2017/11/07 HTML / CSS
美国Max仓库:Max Warehouse
2020/05/31 全球购物
体育教育毕业生自荐信
2013/11/21 职场文书
数控专业推荐信范文
2013/12/02 职场文书
《曹刿论战》教学反思
2014/03/02 职场文书
团结就是力量演讲稿
2014/05/21 职场文书
南京市纪委监察局整改方案
2014/09/16 职场文书
向雷锋同志学习倡议书
2015/04/27 职场文书
我的1919观后感
2015/06/03 职场文书
写作之关于描写老人的好段摘抄
2019/11/14 职场文书
CI Games宣布《堕落之王2》使用虚幻引擎5制作 预计将于2023年正式发售
2022/04/11 其他游戏