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 相关文章推荐
FileUpload上传图片(图片不变形)
Aug 05 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
May 07 Javascript
如何编写高质量JS代码(续)
Feb 25 Javascript
整理关于Bootstrap过渡动画的慕课笔记
Mar 29 Javascript
Express框架之connect-flash详解
May 31 Javascript
JS使用贪心算法解决找零问题示例
Nov 27 Javascript
vue 插值 v-once,v-text, v-html详解
Jan 19 Javascript
vue如何通过id从列表页跳转到对应的详情页
May 01 Javascript
vue定义全局变量和全局方法的方法示例
Aug 01 Javascript
JavaScript变速动画函数封装添加任意多个属性
Apr 03 Javascript
javascript实现点击星星小游戏
Dec 24 Javascript
vue接通后端api以及部署到服务器操作
Aug 13 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 多维数组的排序问题 根据二维数组中某个项排序
2011/11/09 PHP
PHP 快速排序算法详解
2014/11/10 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
PHP实现将base64编码字符串转换成图片示例
2018/06/22 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
JavaScript实现拼音排序的方法
2012/11/20 Javascript
javascript从image转换为base64位编码的String
2014/07/29 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
jQuery实现的精美平滑二级下拉菜单效果代码
2016/03/28 Javascript
简介EasyUI datagrid editor combogrid搜索框的实现
2016/04/01 Javascript
js多个物体运动功能实例分析
2016/12/20 Javascript
基于jQuery实现瀑布流页面
2017/04/11 jQuery
webpack构建react多页面应用详解
2017/09/15 Javascript
vue select组件的使用与禁用实现代码
2018/04/10 Javascript
vue axios整合使用全攻略
2018/05/24 Javascript
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
2018/08/22 Javascript
如何利用node转发请求详解
2020/09/17 Javascript
js实现拖拽与碰撞检测
2020/09/18 Javascript
[01:45]IMBATV TI4前线报道-选手到达
2014/07/07 DOTA
Python重新引入被覆盖的自带function
2014/07/16 Python
pandas通过loc生成新的列方法
2018/11/28 Python
Python3.5内置模块之random模块用法实例分析
2019/04/26 Python
Python的Lambda函数用法详解
2019/09/03 Python
Python3.6 中的pyinstaller安装和使用教程
2020/03/16 Python
使用Python封装excel操作指南
2021/01/29 Python
标准导师推荐信(医学类)
2013/10/28 职场文书
大学毕业生求职自荐信
2014/02/20 职场文书
80后婚前协议书范本
2014/10/24 职场文书
2014年党建工作汇报材料
2014/10/27 职场文书
环卫工作汇报材料
2014/10/28 职场文书
公司董事任命书
2015/09/21 职场文书
任命书格式模板
2015/09/22 职场文书
小学五年级班主任工作经验交流材料
2015/11/02 职场文书
干货分享:推荐信写作技巧!
2019/06/21 职场文书
如何使用PostgreSQL进行中文全文检索
2021/05/27 PostgreSQL
javascript的setTimeout()使用方法总结
2021/11/20 Javascript