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动画浅析
Aug 30 Javascript
javascript对select标签的控制(option选项/select)
Jan 31 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
Nov 13 Javascript
使用AngularJS来实现HTML页面嵌套的方法
Jun 17 Javascript
在JavaScript中模拟类(class)及类的继承关系
May 20 Javascript
详解前端自动化工具gulp自动添加版本号
Dec 20 Javascript
Bootstrap table简单使用总结
Feb 15 Javascript
React中上传图片到七牛的示例代码
Oct 10 Javascript
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
Jan 30 Javascript
vue项目中导入swiper插件的方法
Jan 30 Javascript
在ES5与ES6环境下处理函数默认参数的实现方法
May 13 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
Feb 26 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
Drupal 添加模块出现莫名其妙的错误的解决方法(往往出现在模块较多时)
2011/04/18 PHP
PHP类的静态(static)方法和静态(static)变量使用介绍
2012/02/19 PHP
CodeIgniter配置之autoload.php自动加载用法分析
2016/01/20 PHP
laravel框架邮箱认证实现方法详解
2019/11/22 PHP
简单JS代码压缩器
2006/10/12 Javascript
提高 DHTML 页面性能
2006/12/25 Javascript
jquery下jstree简单应用 - v1.0
2011/04/14 Javascript
javascript中自定义对象的属性方法分享
2013/07/12 Javascript
判断一个变量是数组Array类型的方法
2013/09/16 Javascript
jquery如何获取复选框的值
2013/12/12 Javascript
javascript中数组中求最大值示例代码
2013/12/18 Javascript
js取值中form.all和不加all的区别介绍
2014/01/20 Javascript
javascript匿名函数应用示例介绍
2014/03/07 Javascript
JavaScript中Math.SQRT2属性的使用详解
2015/06/14 Javascript
javascript表单控件实例讲解
2016/09/13 Javascript
原生JS查找元素的方法(推荐)
2016/11/22 Javascript
推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
2017/04/21 jQuery
原生JS实现N级菜单的代码
2017/05/21 Javascript
微信小程序模板和模块化用法实例分析
2017/11/28 Javascript
vue-cli下的vuex的简单Demo图解(实现加1减1操作)
2018/02/26 Javascript
解决Mac安装thrift因bison报错的问题
2018/05/17 Javascript
Node.js连接Sql Server 2008及数据层封装详解
2018/08/27 Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
2018/09/27 Javascript
微信小程序实现限制用户转发功能的实例代码
2020/02/22 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
2020/06/19 Javascript
Python2中文处理纪要的实现方法
2018/03/10 Python
Python实现的绘制三维双螺旋线图形功能示例
2018/06/23 Python
[原创]Python入门教程1. 基本运算【四则运算、变量、math模块等】
2018/10/28 Python
python从zip中删除指定后缀文件(推荐)
2019/12/05 Python
详解python使用金山词霸的翻译功能(调试工具断点的使用)
2021/01/07 Python
如何开发安全的AJAX应用
2014/03/26 面试题
结婚典礼证婚词
2014/01/11 职场文书
学校2014重阳节活动策划方案
2014/09/16 职场文书
物业前台接待岗位职责
2015/04/03 职场文书
2015年园林绿化工作总结
2015/05/23 职场文书
python 中yaml文件用法大全
2021/07/04 Python