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 相关文章推荐
Javascript 面向对象 重载
May 13 Javascript
JavaScript不刷新实现浏览器的前进后退功能
Nov 05 Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
Aug 04 Javascript
七个不允许错过的jQuery小技巧
Dec 21 Javascript
jQuery代码性能优化的10种方法
Jun 21 Javascript
jQuery 3.0 的 setter和getter 模式详解
Jul 11 Javascript
js实现用户输入的小写字母自动转大写字母的方法
Jan 21 Javascript
简单实现AngularJS轮播图效果
Apr 10 Javascript
Vue 动态设置路由参数的案例分析
Apr 24 Javascript
security.js实现的RSA加密功能示例
Jun 06 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
May 18 Javascript
详解vuejs中执行npm run dev出现页面cannot GET/问题
Apr 26 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 学习路线与时间表
2010/02/21 PHP
浅谈discuz密码加密的方式
2014/05/22 PHP
php统计数组元素个数的方法
2015/07/02 PHP
10个值得深思的PHP面试题
2016/11/14 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
php微信公众号开发之校园图书馆
2018/10/20 PHP
javascript 语法基础 想学习js的朋友可以看看
2009/12/16 Javascript
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
2013/01/24 Javascript
JavaScript:Div层拖动效果实例代码
2013/08/06 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
2016/01/08 Javascript
js类式继承与原型式继承详解
2016/04/07 Javascript
Javascript typeof与instanceof的区别
2016/10/18 Javascript
JavaScript实现水平进度条拖拽效果
2017/01/18 Javascript
react中的ajax封装实例详解
2017/10/17 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
2018/02/08 Javascript
Bootstrap4 gulp 配置详解
2019/01/06 Javascript
JS实现随机抽选获奖者
2019/11/07 Javascript
python如何获取服务器硬件信息
2017/05/11 Python
Python3实战之爬虫抓取网易云音乐的热门评论
2017/10/09 Python
Python简单生成随机姓名的方法示例
2017/12/27 Python
Python中的并发处理之asyncio包使用的详解
2018/04/03 Python
Python异常处理操作实例详解
2018/05/10 Python
Python自定义函数计算给定日期是该年第几天的方法示例
2019/05/30 Python
python实现简易学生信息管理系统
2020/04/05 Python
Python GUI编程学习笔记之tkinter中messagebox、filedialog控件用法详解
2020/03/30 Python
python 实现两个npy档案合并
2020/07/01 Python
Python pip install之SSL异常处理操作
2020/09/03 Python
php优化查询foreach代码实例讲解
2021/03/24 PHP
职业生涯规划书前言
2014/04/15 职场文书
大学社团活动总结
2014/04/26 职场文书
七年级地理教学计划
2015/01/22 职场文书
新郎父亲婚礼致辞
2015/07/27 职场文书
莫言诺贝尔获奖感言(全文)
2015/07/31 职场文书
员工聘用合同范本
2015/09/21 职场文书
MySQL中的全表扫描和索引树扫描
2022/05/15 MySQL
详解Anyscript开发指南绕过typescript类型检查
2022/09/23 Javascript