动态创建标签并且增加响应事件

简介: 一、例如:   var divModifyCategory = document.createElement("div");   divModifyCategory.
一、例如:
   var divModifyCategory = document.createElement("div");
   divModifyCategory.id = "divModifyCategory";
   divModifyCategory.style.border = "0.05cm ridge #FACBA0";
   divModifyCategory.style.position = "absolute";
   divModifyCategory.style.background = "#FFFFFF";
   divModifyCategory.style.width = "460px";
 
二、增加响应事件,支持IE、Firefox
addEventHandler(divModifyCategory,'click',HideMyCategory);//mouseout

 
三、主要函数
function addEventHandler(oTarget, sEventType, fnHandler)
{
    if (oTarget.addEventListener)
    {
        oTarget.addEventListener(sEventType, fnHandler, false);
    } else if (oTarget.attachEvent) {
        oTarget.attachEvent("on" + sEventType, fnHandler);
    } else {
        oTarget["on" + sEventType] = fnHandler;
    }
}

目录
相关文章
|
2月前
|
JavaScript 前端开发 开发者
判断哪些数据的变化需要触发虚拟 DOM 的更新
判断哪些数据的变化需要触发虚拟 DOM 的更新,需要依据框架的响应式原理、组件的状态管理以及各种用户交互和异步操作等多方面因素。开发者需要深入理解所使用框架的工作机制,合理地组织和管理数据,以确保虚拟 DOM 的更新是高效且必要的。
95 58
|
2月前
|
SQL 存储 算法
基于对象 - 事件模式的数据计算问题
基于对象-事件模式的数据计算是商业中最常见的数据分析任务之一。对象如用户、账号、商品等,通过唯一ID记录其相关事件,如操作日志、交易记录等。这种模式下的统计任务包括无序计算(如交易次数、通话时长)和有序计算(如漏斗分析、连续交易检测)。尽管SQL在处理无序计算时表现尚可,但在有序计算中却显得力不从心,主要原因是其对跨行记录运算的支持较弱,且大表JOIN和大结果集GROUP BY的性能较差。相比之下,SPL语言通过强化离散性和有序集合的支持,能够高效地处理这类计算任务,避免了大表JOIN和复杂的GROUP BY操作,从而显著提升了计算效率。
|
8月前
|
Java
动态移除异步
动态移除异步
45 2
|
6月前
|
前端开发 Java Spring
设置响应内容类型的几种方法比较
设置响应内容类型的几种方法比较
|
6月前
|
JavaScript
vue 数据变化触发页面响应的三种方式(解决:数据变化页面无响应/不刷新的问题)【含原理】
vue 数据变化触发页面响应的三种方式(解决:数据变化页面无响应/不刷新的问题)【含原理】
389 0
|
8月前
|
Java
如何在事件处理方法中获取事件的来源对象?
如何在事件处理方法中获取事件的来源对象?
上下文本间隔自定义滚动时间的封装函数
上下文本间隔自定义滚动时间的封装函数
69 0
Vue3新增的两个生命周期分析解释【onRenderTracked()状态跟踪和onRenderTriggered() 状态触发】
Vue3新增的两个生命周期分析解释【onRenderTracked()状态跟踪和onRenderTriggered() 状态触发】
|
前端开发 JavaScript PHP
跨域的本质-动态指定回调函数名称| 学习笔记
快速学习跨域的本质-动态指定回调函数名称。
跨域的本质-动态指定回调函数名称| 学习笔记
|
JavaScript 前端开发 API
【千方百计】更改绑定的数据对象数值后,DOM重新渲染的4种方法
【千方百计】更改绑定的数据对象数值后,DOM重新渲染的4种方法
319 0
【千方百计】更改绑定的数据对象数值后,DOM重新渲染的4种方法