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 相关文章推荐
URL编码转换,escape() encodeURI() encodeURIComponent()
Dec 27 Javascript
JavaScript 在各个浏览器中执行的耐性
Apr 06 Javascript
收集的一些Array及String原型对象的扩展实现代码
Dec 05 Javascript
JS HTML5 音乐天气播放器(Ajax获取天气信息)
May 26 Javascript
DIV始终居中的js代码
Feb 17 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
Mar 08 Javascript
在JavaScript中使用对数Math.log()方法的教程
Jun 15 Javascript
jQuery实现判断滚动条到底部
Jun 23 Javascript
Javascript数组中push方法用法分析
Oct 31 Javascript
利用原生JS与jQuery实现数字线性变化的动画
Feb 24 Javascript
Bootstrap弹出框(Popover)被挤压的问题小结
Jul 11 Javascript
浅谈super-vuex使用体验
Jun 25 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
回帖脱衣服的图片实现代码
2014/02/15 PHP
Yii配置文件用法详解
2014/12/04 PHP
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
2015/10/10 PHP
PHP中__set()实例用法和基础讲解
2019/07/23 PHP
JavaScript获取GridView中用户点击控件的行号,列号
2009/04/14 Javascript
Jquery刷新页面背景图片随机变换的实现方法
2013/03/15 Javascript
jquery对元素拖动排序示例
2014/01/16 Javascript
动态读取JSON解析键值对的方法
2014/06/03 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
js和jquery中循环的退出和继续下一个循环
2014/09/03 Javascript
js Object2String方便查看js对象内容
2014/11/24 Javascript
js实现两点之间画线的方法
2015/05/12 Javascript
用JS实现简单的登录验证功能
2017/07/28 Javascript
基于vue配置axios的方法步骤
2017/11/09 Javascript
webpack4.0打包优化策略整理小结
2018/03/30 Javascript
JavaScript中call和apply方法的区别实例分析
2018/08/03 Javascript
微信小程序模板消息限制实现无限制主动推送的示例代码
2019/08/27 Javascript
Vue 实现分页与输入框关键字筛选功能
2020/01/02 Javascript
python中查看变量内存地址的方法
2015/05/05 Python
Python采用Django制作简易的知乎日报API
2016/08/03 Python
Python 安装setuptools和pip工具操作方法(必看)
2017/05/22 Python
pyQt4实现俄罗斯方块游戏
2018/06/26 Python
tensorflow实现加载mnist数据集
2018/09/08 Python
PyQt5 QListWidget选择多项并返回的实例
2019/06/17 Python
python数据预处理 :数据共线性处理详解
2020/02/24 Python
PyCharm2020.1.1与Python3.7.7的安装教程图文详解
2020/08/07 Python
python 服务器运行代码报错ModuleNotFoundError的解决办法
2020/09/16 Python
Python实现壁纸下载与轮换
2020/10/19 Python
如何在scrapy中集成selenium爬取网页的方法
2020/11/18 Python
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
.NET是怎么支持多种语言的
2015/02/24 面试题
毕业生求职简历中的自我评价
2013/10/18 职场文书
班组长安全职责
2014/01/05 职场文书
总经理助理工作职责
2014/02/06 职场文书
2014年学校禁毒工作总结
2014/12/23 职场文书
js前端设计模式优化50%表单校验代码示例
2022/06/21 Javascript