DOM和IE跨浏览器的事件对象

本文详细介绍了JavaScript中事件处理函数的使用方法,包括如何添加、获取事件目标、阻止默认行为等核心操作,以及如何移除事件处理函数。适用于前端开发者深入了解事件机制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

var EventUtil = 
{
//增加事件处理函数
addHandler: function(element,sEventType,fnHandler){ 
if (element.addEventListener) {
        element.addEventListener(sEventType, fnHandler, false);
    } else if (element.attachEvent) {
        element.attachEvent("on" + sEventType, fnHandler);
    } else {
        lement["on" + sEventType] = fnHandler;
    }},


//事件
getEvent:function(event){return event?event:window.event;},


//事件的目标
getTarget:function(event){return event.target||event.srcElement;},


//取消事件的默认行为
preventDefault:function(event){if(event.preventDefault){event.preventDefault();}else{event.returnValue=false;}},

//取消事件的进一步捕获或冒泡,同时阻止任何事件处理程序被调用
stopPropagation:function(event){if(event.stopPropagation){event.stopPropagation();}else{event.cancelBubble=true;}},

//移除事件处理函数 
removeHandler:function(element,sEventType,fnHandler){ 
if (element.removeEventListener) {
        element.removeEventListener(sEventType, fnHandler, false);
    } else if (element.detachEvent) {
        element.detachEvent("on" + sEventType, fnHandler);
    else { 
        element["on" + sEventType] = null;
    }},


//关于相关元素信息,与mouseover,mouseout有关。
getRelatedTarget:function(event){if(event.relatedTarget){return event.relatedTarget;}else if(event.toElement){return event.toElement;}else if(event.fromElement){return event.fromElement;}else{return null};},

//鼠标按钮事件
getButton:function(event){if(document.implementation.hasFeature("MouseEvents","2.0")){return event.button;}else{switch(event.button){case 0: case: 1 case: 3 case: 5 case: 7 return 0; case 2: case 6: return2; case 4: return 1;}}},

//滚轮事件
getWheelDelta: function(event){if(event.wheelDelta){return (client.engine.opera && client.engine.opera<9.5?-event.wheelDelta:event.wheelDelta);}else{return -event.detail*40;}},


//字符编码
getCharCode: function (event){if(ytpeof event.charCode=="number"){return event.charCode;}else{return event.keyCode;}},





};


确定,浏览器是否支持事件:
var isSupported = document.implementation.hasFeature("FocusEvent","3.0");
确定,浏览器是否支持的模式:
if(document.compatMode == "CSS1compat")
资源下载链接为: https://pan.quark.cn/s/22ca96b7bd39 在当今的软件开发领域,自动化构建与发布是提升开发效率项目质量的关键环节。Jenkins Pipeline作为一种强大的自动化工具,能够有效助力Java项目的快速构建、测试及部署。本文将详细介绍如何利用Jenkins Pipeline实现Java项目的自动化构建与发布。 Jenkins Pipeline简介 Jenkins Pipeline是运行在Jenkins上的一套工作流框架,它将原本分散在单个或多个节点上独立运行的任务串联起来,实现复杂流程的编排与可视化。它是Jenkins 2.X的核心特性之一,推动了Jenkins从持续集成(CI)向持续交付(CD)及DevOps的转变。 创建Pipeline项目 要使用Jenkins Pipeline自动化构建发布Java项目,首先需要创建Pipeline项目。具体步骤如下: 登录Jenkins,点击“新建项”,选择“Pipeline”。 输入项目名称描述,点击“确定”。 在Pipeline脚本中定义项目字典、发版脚本预发布脚本。 编写Pipeline脚本 Pipeline脚本是Jenkins Pipeline的核心,用于定义自动化构建发布的流程。以下是一个简单的Pipeline脚本示例: 在上述脚本中,定义了四个阶段:Checkout、Build、Push packageDeploy/Rollback。每个阶段都可以根据实际需求进行配置调整。 通过Jenkins Pipeline自动化构建发布Java项目,可以显著提升开发效率项目质量。借助Pipeline,我们能够轻松实现自动化构建、测试部署,从而提高项目的整体质量可靠性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值