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 相关文章推荐
基于mootools插件实现遮罩层新手引导
May 24 Javascript
JS实现随机化快速排序的实例代码
Aug 01 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
Mar 04 Javascript
JavaScript字符串对象(string)基本用法示例
Jan 18 Javascript
JS解决移动web开发手机输入框弹出的问题
Mar 31 Javascript
vue路由嵌套的SPA实现步骤
Nov 06 Javascript
深入理解Angularjs 脏值检测
Oct 12 Javascript
微信小程序开发实现的IP地址查询功能示例
Mar 28 Javascript
微信小程序webSocket的使用方法
Feb 20 Javascript
关于vue3默认把所有onSomething当作v-on事件绑定的思考
May 15 Javascript
weui上传多图片,压缩,base64编码的示例代码
Jun 22 Javascript
vue实现可以快进后退的跑马灯组件
Apr 08 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从FLV文件获取视频预览图的方法
2015/03/12 PHP
php ci 获取表单中多个同名input元素值的代码
2016/03/25 PHP
Yii2实现ActiveForm ajax提交
2017/05/26 PHP
js获取单元格自定义属性值的代码(IE/Firefox)
2010/04/05 Javascript
google 搜索框添加关键字实现代码
2010/04/24 Javascript
鼠标滑上去后图片放大浮出效果的js代码
2011/05/28 Javascript
js中文逗号转英文实现
2014/02/11 Javascript
js返回前一页刷新本页重载页面
2014/07/29 Javascript
使用jquery实现放大镜效果
2014/09/02 Javascript
Angular2表单自定义验证器的实现
2016/10/19 Javascript
jQuery设置Easyui校验规则(推荐)
2016/11/21 Javascript
基于JavaScript实现自动更新倒计时效果
2016/12/19 Javascript
jQuery排序插件tableSorter使用方法
2017/02/10 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
2017/08/12 Javascript
angular6.0使用教程之父组件通过url传递id给子组件的方法
2018/06/30 Javascript
nodejs搭建本地服务器并访问文件操作示例
2019/05/11 NodeJs
layui当点击文本框时弹出选择框,显示选择内容的例子
2019/09/02 Javascript
[04:22]DSPL第二期精彩集锦:残血反杀!
2014/12/10 DOTA
[01:33]真香警告!DOTA2勇士令状不朽珍藏Ⅱ饰品欣赏
2018/06/26 DOTA
[03:00]DOTA2-DPC中国联赛1月18日Recap集锦
2021/03/11 DOTA
python getopt 参数处理小示例
2009/06/09 Python
PyQt5利用QPainter绘制各种图形的实例
2017/10/19 Python
tensorflow模型继续训练 fineturn实例
2020/01/21 Python
TensorFlow2.1.0安装过程中setuptools、wrapt等相关错误指南
2020/04/08 Python
拉丁舞学习者的自我评价
2013/10/27 职场文书
企业项目策划书
2014/01/11 职场文书
九年级物理教学反思
2014/01/29 职场文书
慈善晚会策划方案
2014/05/14 职场文书
软件售后服务承诺书
2014/05/21 职场文书
授权委托书格式范文
2014/08/02 职场文书
行政文员岗位职责
2015/02/04 职场文书
大学生英文求职信范文
2015/03/19 职场文书
房地产置业顾问工作总结
2015/10/23 职场文书
如何用JavaScript学习算法复杂度
2021/04/30 Javascript
Java实现斗地主之洗牌发牌
2021/06/14 Java/Android
SSM项目使用拦截器实现登录验证功能
2022/01/22 Java/Android