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 相关文章推荐
索趣科技的答案
Feb 07 Javascript
利用JS自动打开页面上链接的实现代码
Sep 25 Javascript
js通过元素class名字获取元素集合的具体实现
Jan 06 Javascript
table对象中的insertRow与deleteRow使用示例
Jan 26 Javascript
JavaScript函数的4种调用方法详解
Apr 22 Javascript
angular.element方法汇总
Jan 07 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
Jan 10 Javascript
关于预加载InstantClick的问题解决方法
Sep 12 Javascript
详解vue或uni-app的跨域问题解决方案
Feb 21 Javascript
vue实现虚拟列表功能的代码
Jul 28 Javascript
js实现点击按钮随机生成背景颜色
Sep 05 Javascript
Vue实现小购物车功能
Dec 21 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判断GIF图片是否为动画的方法
2020/09/04 PHP
php集成套件服务器xampp安装使用教程(适合第一次玩PHP的新手)
2015/06/03 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
JS(jQuery)实现聊天接收到消息语言自动提醒功能详解【提示“您有新的消息请注意查收”】
2019/04/16 PHP
用dom+xhtml+css制作的一个相册效果代码打包下载
2008/01/24 Javascript
Mootools 1.2教程 Fx.Tween的使用
2009/09/15 Javascript
Jquery替换已存在于element上的event的方法
2010/03/09 Javascript
JS分割字符串并放入数组的函数
2011/07/04 Javascript
表格单元格交错着色实现思路及代码
2013/04/01 Javascript
浅谈JavaScript数据类型
2015/03/03 Javascript
jQuery实现行文字链接提示效果的方法
2015/03/10 Javascript
JavaScript实现数字数组按照倒序排列的方法
2015/04/06 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
2015/08/17 Javascript
jQuery实现调整表格单列顺序完整实例
2016/06/20 Javascript
angularjs实现上拉加载和下拉刷新数据功能
2017/06/12 Javascript
Bootstrap Multiselect 常用组件实现代码
2017/07/09 Javascript
基于jstree使用AJAX请求获取数据形成树
2017/08/29 Javascript
原生JS进行前后端同构
2018/04/22 Javascript
vue 中的keep-alive实例代码
2018/07/20 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
2018/10/07 Javascript
vue最简单的前后端交互示例详解
2018/10/11 Javascript
layer.confirm点击第一个按钮关闭弹出框的方法
2019/09/09 Javascript
js实现倒计时秒杀效果
2020/03/25 Javascript
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
2020/06/24 Javascript
在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)
2020/09/11 Javascript
PyTorch快速搭建神经网络及其保存提取方法详解
2018/04/28 Python
解决python3读取Python2存储的pickle文件问题
2018/10/25 Python
基于MSELoss()与CrossEntropyLoss()的区别详解
2020/01/02 Python
OpenCV灰度化之后图片为绿色的解决
2020/12/01 Python
美国儿童运动鞋和服装零售商:Kids Foot Locker
2017/08/05 全球购物
澳大利亚最超值的自行车之家:Reid Cycles
2019/03/24 全球购物
用Python匹配HTML tag的时候,<.*>和<.*?>有什么区别
2012/11/04 面试题
自荐信需注意事项
2014/01/25 职场文书
《逃家小兔》教学反思
2014/02/23 职场文书
新年寄语大全
2014/04/12 职场文书
2016年劳模先进事迹材料
2016/02/25 职场文书