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注意img图片的onerror事件的分析
Jan 01 Javascript
Javascript事件实例详解
Nov 06 Javascript
javascript常用代码段搜集
Dec 04 Javascript
编写高性能Javascript代码的N条建议
Oct 12 Javascript
高效的jquery数字滚动特效
Dec 17 Javascript
用JS中split方法实现彩色文字背景效果实例
Aug 24 Javascript
轻松掌握JavaScript代理模式
Aug 26 Javascript
javascript 中设置window.location.href跳转无效问题解决办法
Feb 09 Javascript
koa上传excel文件并解析的实现方法
Aug 09 Javascript
js实现简单贪吃蛇游戏
May 15 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
Jun 05 Javascript
javascript实现前端分页效果
Jun 24 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写的求多项式导数的函数代码
2012/07/04 PHP
PHP程序员的技术成长规划
2016/03/25 PHP
PHP+Ajax+JS实现多图上传
2016/05/07 PHP
thinkphp自带验证码全面解析
2016/09/18 PHP
centos下file_put_contents()无法写入文件的原因及解决方法
2017/04/01 PHP
Extjs优化(一)删除冗余代码提高运行速度
2013/04/15 Javascript
javascript禁制后退键(Backspace)实例代码
2013/11/15 Javascript
javascript操作html控件实例(javascript添加html)
2013/12/02 Javascript
javascript中SetInterval与setTimeout的定时器用法
2015/08/24 Javascript
SpringMVC restful 注解之@RequestBody进行json与object转换
2015/12/10 Javascript
JavaScript 数组- Array的方法总结(推荐)
2016/07/21 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
2016/09/06 Javascript
浅谈Javascript事件对象
2017/02/05 Javascript
angularJs中datatable实现代码
2017/06/03 Javascript
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
2017/07/18 Javascript
一文让你彻底搞清楚javascript中的require、import与export
2017/09/24 Javascript
JavaScript多种图形实现代码实例
2020/06/28 Javascript
解决vue使用vant轮播组件swipe + flex时文字抖动问题
2021/01/07 Vue.js
Python的ORM框架SQLObject入门实例
2014/04/28 Python
python Flask 装饰器顺序问题解决
2018/08/08 Python
django 多数据库及分库实现方式
2020/04/01 Python
HTML5在a标签内放置块级元素示例代码
2013/08/23 HTML / CSS
日本运动品牌美津浓官方购物网站:MIZUNO SHOP
2016/08/21 全球购物
香港艺人陈冠希创办的潮流品牌:JUICESTORE
2021/03/04 全球购物
Java基础知识面试题
2014/03/25 面试题
优秀学生获奖感言
2014/02/15 职场文书
2014国庆节国旗下演讲稿(精选版)
2014/09/26 职场文书
大连导游词
2015/02/12 职场文书
2015年社区妇联工作总结
2015/04/21 职场文书
教师节晚会主持词
2015/06/30 职场文书
新郎婚礼致辞
2015/07/27 职场文书
环保建议书范文
2015/09/14 职场文书
大学生暑期社会实践的个人总结!
2019/07/17 职场文书
python利用pandas分析学生期末成绩实例代码
2021/07/09 Python
Python简易开发之制作计算器
2022/04/28 Python
win10系统计算机图标怎么调出来?win10调出计算机图标的方法
2022/08/14 数码科技