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在输入框屏蔽按键,只能键入数字的示例代码
Jan 03 Javascript
js小数计算小数点后显示多位小数的实现方法
May 30 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
Jun 06 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
Sep 05 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
Dec 08 Javascript
angular学习之ngRoute路由机制
Apr 12 Javascript
js原生方法被覆盖,从新赋值原生的方法
Jan 02 Javascript
关于react-router/react-router-dom v4 history不能访问问题的解决
Jan 08 Javascript
vue兄弟组件传递数据的实例
Sep 06 Javascript
vue微信分享的实现(在当前页面分享其他页面)
Apr 16 Javascript
JS中async/await实现异步调用的方法
Aug 28 Javascript
vue实现图片懒加载的方法分析
Feb 05 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中使用redis队列操作实例代码
2013/02/07 PHP
PHP抓屏函数实现屏幕快照代码分享
2014/01/02 PHP
php中socket的用法详解
2014/10/24 PHP
thinkphp3.2嵌入百度编辑器ueditor的实例代码
2017/07/13 PHP
JavaScript.The.Good.Parts阅读笔记(一)假值与===运算符
2010/11/16 Javascript
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
JQuery中$之选择器用法介绍
2011/04/05 Javascript
jquery获取css中的选择器(实例讲解)
2013/12/02 Javascript
javascript弹出窗口实现代码
2015/11/12 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
2016/04/29 Javascript
jquery横向纵向鼠标滚轮全屏切换
2017/02/27 Javascript
Web制作验证码功能实例代码
2017/06/19 Javascript
Canvas放置反弹效果随机图形(实例)
2017/08/17 Javascript
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
2018/09/20 Javascript
详解VSCode配置启动Vue项目
2019/05/14 Javascript
jQuery Migrate 插件用法实例详解
2019/05/22 jQuery
10种JavaScript最常见的错误(小结)
2019/06/21 Javascript
layui 实现二级弹窗弹出之后 关闭一级弹窗的方法
2019/09/18 Javascript
vue.js this.$router.push获取不到params参数问题
2020/03/03 Javascript
js实现经典贪吃蛇小游戏
2020/03/19 Javascript
基于Element封装一个表格组件tableList的使用方法
2020/06/29 Javascript
[51:11]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS DT
2014/05/22 DOTA
[02:15]2014DOTA2国际邀请赛 专访LGD.lin小兔子是大腿
2014/07/14 DOTA
详解如何在cmd命令窗口中搭建简单的python开发环境
2019/08/29 Python
python 下载文件的多种方法汇总
2020/11/17 Python
台湾旅游网站:灿星旅游
2018/10/11 全球购物
罗技英国官方网站:Logitech UK
2020/11/03 全球购物
建筑施工实习自我鉴定
2013/09/19 职场文书
优秀共产党员先进事迹
2014/01/27 职场文书
协议书与合同的区别
2014/04/18 职场文书
教师先进工作者事迹材料
2014/05/01 职场文书
数学系毕业生求职信
2014/05/29 职场文书
工作作风懒散检讨书
2014/10/29 职场文书
2014年学生管理工作总结
2014/12/20 职场文书
开业庆典嘉宾致辞
2015/08/01 职场文书
MySQL表字段时间设置默认值
2021/05/13 MySQL