`
cakin24
  • 浏览: 1388025 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

跨浏览器访问事件的方法

阅读更多
一 介绍
1、DOM事件模型和IE事件模型访问事件对象的方式完全不同,因此需要写一个跨浏览器的程序。
2、实现跨浏览器的通常做法是:将事件处理函数绑定到DOM对象的属性上。
 
二 代码
<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<title> 跨浏览器访问事件 </title>
</head>
<body>
	<button id="a">按钮</button>
	<script type="text/javascript">
	// 定义一个形参evt
	var clickHandler = function(evt)
	{
		// 对于DOM事件模型,访问事件源用target属性
		if (evt)
		{
			alert(evt.target.innerHTML);
		}
		// 对于IE浏览器
		else
		{
			alert(window.event.srcElement.innerHTML);
		}
	}
	// 为按钮a绑定事件处理器
	document.getElementById("a").onclick = clickHandler;
	</script>
</body>
</html>
 
三 运行结果
下面的运行结果分别是在谷歌浏览器和IE浏览器上执行的结果。

 
  • 大小: 9.5 KB
1
0
分享到:
评论

相关推荐

    支持跨浏览器的日历控件(包含有时分秒与无时分秒两种)

    总之,一个“支持跨浏览器的日历控件(包含有时分秒与无时分秒两种)”是Web开发中实用的工具,它的实现涵盖了多种前端技术,并需要考虑用户体验、浏览器兼容性和可访问性等多个方面。理解和掌握这些知识点对于提升...

    java实现可跨浏览器单点登录

    本文将深入探讨Java实现可跨浏览器的SSO技术及其关键知识点。 首先,SSO的核心思想是共享认证信息。当用户通过一个应用系统(称为认证中心,或Identity Provider,IdP)进行身份验证后,其他所有与该认证中心建立...

    Java跨浏览器购物车的简单实现

    根据给定的信息,本文将对Java跨浏览器购物车的简单实现进行详细解析,重点在于如何通过JPA框架来实现这一功能。文章将分为以下几个部分: ### 一、跨浏览器购物车实现方式概述 #### 1. Cookie 方式 Cookie 是一...

    js 日历 控件(可跨浏览器-国内样式)

    这款"js 日历 控件"特别强调了其支持跨浏览器使用,并且具有中国特色的汉字显示,为国内用户提供了更友好的界面体验。 在开发这样的日历控件时,主要涉及到以下几个关键知识点: 1. **JavaScript基础**:日历控件...

    ZeroClipboard跨浏览器复制到剪切板

    这种方法避免了浏览器的安全限制,实现了跨浏览器的剪切板交互。 关于描述中提到的“博文链接”,这可能是一个详细介绍如何使用ZeroClipboard的教程或者开发者的经验分享。在iteye博客平台上,博主通常会分享代码...

    MediaPlayer一个小巧完全跨浏览器可访问完全可定制的媒体播放器

    这个小巧而功能强大的播放器设计独特,不仅能够完全跨浏览器运行,还具有高度的可访问性和可定制性,使得开发者可以轻松地在网站上嵌入和控制音频、视频内容。 1. **跨浏览器兼容性**: MediaPlayer致力于提供一致...

    Browserling(跨浏览器测试)-1.0.2.zip

    名称:Browserling(跨浏览器测试) ---------------------------------------- 版本:1.0.2 作者:https://www.browserling.com/ 分类:开发者工具 ---------------------------------------- 概述:跨浏览器测试网站...

    获取浏览器访问记录(c++实现)

    `IECacheDlg.cpp`中的`OnBnClickedButton1()`函数可能是一个触发获取历史记录的按钮事件处理函数,它调用`IECache`的相关方法来读取数据。 **Chrome浏览器访问记录获取** Chrome的历史记录存储在一个名为`History`...

    跨浏览器添加、移除、阻止默认行为

    跨浏览器添加、移除、阻止默认行为。famlet preety!!!!

    跨浏览器的剪贴板访问解决方案.docx

    ### 跨浏览器的剪贴板访问解决方案 #### 引言 在现代Web开发中,能够无缝地在不同浏览器之间操作剪贴板对于提高用户体验非常重要。然而,不同的浏览器有着不同的安全策略和技术限制,这使得实现一致性的剪贴板访问...

    chrome 浏览器跨域插件下载

    1. 同源策略:这是浏览器为了安全考虑实施的一项规定,只允许来自相同协议、域名和端口的请求访问资源,防止恶意网站窃取数据。 2. CORS(Cross-Origin Resource Sharing):一种通过设置HTTP头部信息来允许跨域请求...

    跨浏览器的事件对象介绍

    eventUtil的stopPropagation方法封装了两种逻辑,使得开发者可以跨浏览器地调用此方法来停止事件冒泡。 上述方法为开发者提供了一种高效且标准的方式来处理跨浏览器的事件对象兼容性问题,极大地提高了开发效率,...

    checkBox嵌套(跨浏览器)

    然而,当涉及到复选框的嵌套时,尤其是在跨浏览器环境中,可能会出现一些兼容性问题。下面我们将深入探讨如何在不同浏览器下实现复选框的嵌套以及解决可能遇到的问题。 1. **HTML基础知识** 复选框在HTML中的基本...

    详解Python多线程Selenium跨浏览器测试.pdf

    在web测试领域,确保应用程序在各种浏览器环境下都能正常运行至关重要,这就是所谓的跨浏览器测试。本文主要探讨了如何使用Python和Selenium库进行自动化跨浏览器测试,并利用多线程技术提高测试效率。 首先,理解...

    Zero Clipboard 利用 Flash 进行复制 跨浏览器兼容

    由于Flash具有访问剪贴板的权限,而JavaScript在某些浏览器中受到安全限制,这种方法可以绕过这些限制,实现跨浏览器的复制功能。 **主要特点** 1. **跨浏览器兼容性**:Zero Clipboard支持各种主流浏览器,包括...

    跨浏览器javascript时间日期组件

    "跨浏览器JavaScript时间日期组件"是一个专门针对这一需求设计的工具,它旨在提供一致且兼容性良好的时间日期选择功能,无论用户使用的是哪个浏览器。"My97DatePicker"就是这样一个例子,它被广泛使用并受到好评。 ...

    javascript跨浏览器的属性判断方法

    本文探讨了在JavaScript中实现跨浏览器属性判断的方法。 首先,一种常见的做法是使用逻辑或运算符(||)来确定当前环境支持哪个属性名。这种方法的思路是:先尝试访问一个通常在较新浏览器中被支持的属性,如果该...

    可以访问手机端页面的浏览器

    在当今数字化时代,跨平台浏览的需求日益增长,特别是在个人电脑上访问手机端页面。"可以访问手机端页面的浏览器"就是为满足这种需求而设计的软件工具,它能够让用户在桌面设备上享受与手机一样的网页浏览体验。这款...

Global site tag (gtag.js) - Google Analytics