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 相关文章推荐
ajax 文件上传应用简单实现
Mar 03 Javascript
Javascript访问器属性实例分析
Dec 30 Javascript
javascript实现移动端上的触屏拖拽功能
Mar 04 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
Jan 24 Javascript
JavaScript登录记住密码操作(超简单代码)
Mar 22 Javascript
js如何获取网页所有图片
May 12 Javascript
Vue三层嵌套路由的示例代码
May 05 Javascript
Vue与Node.js通过socket.io通信的示例代码
Jul 25 Javascript
vue.js单文件组件中非父子组件的传值实例
Sep 13 Javascript
微信小程序云开发详细教程
May 16 Javascript
微信小程序全局变量的设置、使用、修改过程解析
Sep 24 Javascript
JavaScript中EventBus实现对象之间通信
Oct 18 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制作新闻系统的思路
2006/10/09 PHP
PHP 日期加减的类,很不错
2009/10/10 PHP
完美解决令人抓狂的zend studio 7代码提示(content Assist)速度慢的问题
2013/06/20 PHP
PHP 下载文件时自动添加bom头的方法实例
2014/01/10 PHP
php中smarty实现多模版网站的方法
2015/06/11 PHP
PHP实现连接设备、通讯和发送命令的方法
2015/10/13 PHP
yii框架数据库关联查询操作示例
2019/10/14 PHP
表单提交时自动复制内容到剪贴板的js代码
2007/03/16 Javascript
JS前端框架关于重构的失败经验分享
2013/03/17 Javascript
基于jquery实现的文字淡入淡出效果
2013/11/14 Javascript
创建你的第一个AngularJS应用的方法
2015/06/16 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
JavaScript操作select元素和option的实例代码
2016/01/29 Javascript
微信jssdk在iframe页面失效问题的解决措施
2016/03/03 Javascript
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
2016/05/17 Javascript
AngularJS实现网站换肤实例
2021/02/19 Javascript
vue元素实现动画过渡效果
2017/07/01 Javascript
理解 javascript 中的函数表达式与函数声明
2017/07/07 Javascript
jQuery实现的表格前端排序功能示例
2017/09/18 jQuery
vue2.0 下拉框默认标题设置方法
2018/08/22 Javascript
解决微信小程序调用moveToLocation失效问题【超简单】
2019/04/12 Javascript
解决vue watch数据的方法被调用了两次的问题
2020/11/07 Javascript
vue打包通过image-webpack-loader插件对图片压缩优化操作
2020/11/12 Javascript
python使用多线程不断刷新网页的方法
2015/03/31 Python
Python探索之自定义实现线程池
2017/10/27 Python
python实现简单的购物程序代码实例
2020/03/03 Python
Python 操作 PostgreSQL 数据库示例【连接、增删改查等】
2020/04/21 Python
关于keras.layers.Conv1D的kernel_size参数使用介绍
2020/05/22 Python
Python基于tkinter canvas实现图片裁剪功能
2020/11/05 Python
用python监控服务器的cpu,磁盘空间,内存,超过邮件报警
2021/01/29 Python
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
社区十八大感言
2014/01/19 职场文书
党的群众路线教育实践活动动员会主持词
2014/03/20 职场文书
普通话演讲稿
2014/09/03 职场文书
和谐家庭事迹材料
2014/12/20 职场文书
小区保洁员岗位职责
2015/04/10 职场文书