使用window.attachEvent单击时的事件
window.attachEvent是一种用于在Internet Explorer浏览器中绑定事件处理程序的方法。它用于在元素上附加一个特定的事件处理程序，以便在用户单击该元素时执行相应的操作。
该方法的语法如下：
element.attachEvent(event, function)其中，element是要绑定事件的元素，event是要绑定的事件类型（例如"onclick"），function是要执行的事件处理程序。
使用window.attachEvent绑定单击事件的优势是它兼容旧版本的Internet Explorer浏览器（IE8及更早版本）。然而，它不适用于现代浏览器（如Chrome、Firefox、Safari等），因为它们支持更标准的addEventListener方法。
以下是window.attachEvent单击事件的应用场景和示例：
应用场景：
- 在旧版本的Internet Explorer浏览器中，当需要在元素上绑定单击事件时，可以使用window.attachEvent方法。
示例代码：
var button = document.getElementById("myButton");
button.attachEvent("onclick", myFunction);
function myFunction() {
alert("Button clicked!");
}在上面的示例中，我们通过getElementById方法获取id为"myButton"的按钮元素，并使用attachEvent方法将myFunction函数绑定到按钮的onclick事件上。当用户单击该按钮时，将弹出一个包含文本"Button clicked!"的警告框。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数（云原生无服务器函数计算服务）：https://cloud.tencent.com/product/scf
- 腾讯云云服务器（云原生虚拟服务器）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版（云原生关系型数据库服务）：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（云原生对象存储服务）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（云原生区块链服务）：https://cloud.tencent.com/product/tbaas
相关·内容
2回答
我正在尝试让一个表单的提交按钮，以改变颜色时，所有的必填字段都设置好了……
我可以这样做(某种程度上)，通过这样做：
if(window.addEventListener) {
document.getElementById('login_form_form').addEventListener('change', loginSubmitOrange, false);
} else if (window.attachEvent){
document.getElementById('l
浏览 2提问于2014-04-16得票数 0
6回答
在网页上，当用户单击注销按钮时，我有一个清除存储在MongoDB上的用户会话的JavaScript函数。它工作得很好。
另外，当用户关闭浏览器时，我想清除用户会话。这是我面临的问题:当用户单击刷新图标时，注销函数将被调用。我只想在浏览器关闭时调用此函数。
我可以阻止这个函数在页面刷新时调用吗？
我这里的逻辑是在浏览器关闭时清理会话。我正在删除MongoDB上的会话。有没有更好的方法来管理会话？
var isRefresh = false;
$(window).keydown(function (event) {
if (event.keyCode == 116) { // User p
浏览 2提问于2014-10-27得票数 4
3回答
我的设想是这样的：
我有一个网络应用程序。一旦我登录到我的应用程序，我转到URL并键入一些新的URL，在此之后，我将单击"Google.com“按钮。
正在发生的事情:我能够回到我的网页作为登录用户。
应该是什么:会话应该是无效的，用户应该再次登录。
如何知道用户是否已移动到某个新的URL并返回.
谢谢
浏览 1提问于2013-12-19得票数 1
我有一个Javascript，可以运行在谷歌Chrome控制台。它所做的就是自动邀请你所有的Facebook朋友喜欢你管理的页面。有什么方法可以使这个过程自动化，这样人们就不需要将脚本复制并粘贴到控制台中，而是只需访问一个网站，并在网站上单击按钮时触发脚本onLoad或onClick？我的脸书组中的很多人都有自己的页面，尽管他们不知道如何使用控制台或脚本。我是Java的初学者，到目前为止我还没有在SoF上发现任何与此相关的信息。谢谢。
浏览 2提问于2014-12-17得票数 0
回答已采纳
2回答
我需要在离开浏览器之前执行一些代码，我实现了以下内容：
window.onbeforeunload = function () { return 'Are you sure?'; };
window.onunload = function () { releaseLocking(); };
它与谷歌Chrome运行得很好。当关闭GC:消息时，
如果我点击“停留在页面上”按钮，什么都不会发生。太完美了。
如果我单击‘离开页面’按钮，releaseLocking下的代码将被执行。太完美了。
我在I浏览器上有问题。
如果我点击“停留在页面上”按钮，
浏览 1提问于2013-06-09得票数 2
我有一些代码(由另一个开发人员编写)在WordPress中执行AJAX页面加载(例如，不重新加载页面)当您单击导航项目时，AJAX会刷新主要内容区域。我的问题是它在IE7中崩溃了，我不知道从哪里开始调试。
最初的开场白是
var queue = 0;
$('document').ready(function() {
window.addEventListener("hashchange", hashChange, false);
// Define window location variables
var windowHost =
浏览 2提问于2012-02-18得票数 17
回答已采纳
我还没有找到这个特定的IE7模式版本。我尝试过不同的版本，在Chrome、FF、IE9+中工作得很好，但在强制IE7模式下(客户机服务器集要求:-( ))则不行。
IE7模式以wheelEvent的形式提醒“鼠标轮”，但从未在鼠标轮上调用scrollHandler()的第一条警报行，因此似乎没有通过window.attachEvent附加事件/处理程序？
var wheelEvent = "onwheel" in document.createElement("div") ? "wheel" : // Modern browser
浏览 2提问于2014-07-30得票数 0
回答已采纳
1回答
我正在构建聊天应用程序。要打开聊天用户，请单击按钮并打开带有聊天功能的iframe。此时，我在主窗口中用user_id设置了cookie。在iframe的聊天应用程序中，我有一个带有回调功能的定时器，它可以检查是否设置了cookie。如果设置了cookie，则应用程序通过user_id打开与用户的新聊天并删除cookie。它工作得很好。
但当用户打开2个或更多选项卡时，应用程序仅在一个选项卡中打开聊天，因为cookie在该选项卡中被删除。我可以延迟删除cookie，但我没有这样做。
我怎样才能找到这个问题的解决方案呢？
浏览 1提问于2014-10-01得票数 0
这是一个更大类的方法。
myMethod.prototype.click=function(func){
if (window.addEventListener) {
this.selArray[i].addEventListener('click', func, false);
} else if (window.attachEvent) {
this.selArray[i].attachEvent('onclick', func);
}
return this;
}
如果我煽动传递这个功能..。
myInstance.click(
浏览 0提问于2014-04-26得票数 1
回答已采纳
1回答
我在网上找到了一个javascript，它被设置为自动滚动文本，但我希望它在元素悬停时开始滚动，并在元素没有悬停时停止。现在我已经得到了它-当元素悬停时它会滚动并停止，但是只要页面被加载，它就会启动。在元素悬停之前，我不想让它开始。
code
非常感谢
浏览 1提问于2017-03-13得票数 0
回答已采纳
1回答
我已经能够使用以下代码使我的Google图表响应浏览器窗口的大小调整：
var chart = new google.visualization.TreeMap(
document.getElementById('stuEnrCDTree')
);
chart.draw(data,options);
function resizeHandler () {
chart.draw(data, options);
}
if (window.addEventListener) {
window.addEventListener('resize'
浏览 8提问于2016-09-01得票数 1
回答已采纳
我想在WL应用程序中使用一些Cordova事件。我尝试在initOptions.js文件中添加下面的方法，但是它没有被调用。
document.addEventListener("deviceready", onDeviceReady, false);
在initOption.js中添加了以下内容：
if (window.addEventListener) {
window.addEventListener('load', function() { WL.Client.init( wlInitOptions ); } , false );
do
浏览 1提问于2013-08-21得票数 0
我遇到了一个执行此操作的脚本：
"complete" === document.readyState ? setTimeout(I, 1) : document.addEventListener ? (document.addEventListener("DOMContentLoaded", X, h), window.addEventListener("load", X, h)) : window.attachEvent ? window.attachEvent("onload", X) : console.log("N
浏览 2提问于2012-08-03得票数 1
我读到attach.event只在IE的早期版本中使用。我想知道为什么这里使用它，它似乎对应于执行populateFigures()部分的setUpPage()函数，这是正确的吗？我真的很感激你的帮助！
function setUpPage() {
createEventListeners();
populateFigures();
}//end of setUpPage Function
/* run setUpPage() function when page finishes loading */
if (window.addEventListener) {
wind
浏览 0提问于2018-02-28得票数 0
回答已采纳
我用JS (没有jQuery)做了一个模块，它根据来自客户端浏览器的数据改变网页的背景图像(获取浏览器的宽度、高度并做适当的事情)。等)但我只知道如何通过DOM eventListeners在页面加载时初始化它，并且我希望能够通过单击或其他用户驱动的事件来触发它。
我认为我没有完全掌握我需要做什么来删除EventListener，而不使所有其余的代码变得不可用，这是我自己尝试的最终结果。
在正确的方向上的任何一点都将非常感谢-下面是脚本调用的前几个函数：
// the initialization of the page
bindReady(function(){
startBGRes
浏览 0提问于2014-12-02得票数 0
我使用jQuery的$.getScript函数加载外部脚本，其中包含一些我无法理解的内容：
if (!!window.addEventListener){ // FF
window.addEventListener('load', init, false);
} else if (!!window.attachEvent){ // IE
window.attachEvent('onload', init);
} else {
window.onclick = init;
}
有人能解释一下这是干什么的吗？
我不确定，但它添加了一些事件侦听
浏览 1提问于2013-11-27得票数 0
回答已采纳
我面临着与大致相同的问题(例如，我有一个submit输入，当它在选项卡之后获得焦点时，它会以编程方式单击，但当用户单击按钮时，也会调用焦点处理程序，从而导致双击提交)。在链接的帖子中建议的解决方案工作，但我需要一个不需要jQuery。有人对此有什么想法吗？请注意，我需要按钮的点击行为保持不变，因为它被绑定到asp .net服务器端事件。谢谢!
浏览 2提问于2011-10-10得票数 4
回答已采纳
我编写了一个joomla模块，并试图通过一个小脚本访问HTMLCollection。我添加了我的脚本文件
$document->addScript('templates/design_control/js/mod_articles_newsbox.js');
脚本本身看起来像这样：
function openNews(id)
{
var list = document.getElementsByClassName("newsbox");
console.log(list);
console.log("newsbox leng
浏览 13提问于2014-06-06得票数 0
我有如下代码，如标题所解释的，它匹配页面上的两个元素，使其具有相同的高度：
//get sector sub navigation height
$(function() {
sectorHeight();
if(window.attachEvent) {
window.attachEvent('onresize', sectorHeight);
}
else if(window.addEventListener) {
window.addEventListener('resize', sectorHeight);
}
//get prof
浏览 6提问于2014-03-05得票数 0
回答已采纳
3回答
如何在Firefox浏览器中检测浏览器关闭事件？我想在服务器端做一些清理过程，我们维护最后的注销时间。要实现这一点，需要在用户单击注销或浏览器关闭时触发ajax调用。对于IE，以下代码工作正常：
if (window.event.clientY < 0 && (window.event.clientX > (document.documentElement.clientWidth - 5) || window.event.clientX < 0)) {
logoutUser();//logging out the user
浏览 5提问于2011-07-20得票数 2
每当我尝试在单独的paperscript标记中调用javascript函数时，我都会得到一个未捕获的引用错误。我尝试了一个测试代码
HTML正文：
<canvas id="c"></canvas>
<script type="text/javascript" src="vendor/paper.js"></script>
<script type="text/paperscript" src="foo1.js" canvas="c"><
浏览 2提问于2015-05-05得票数 3
我正在提供一个web组件，显示在一个iframe中。加载我的组件的iframe创建如下：
this._iframe = document.createElement( "iframe" );
this._iframe.allowtransparency = "true";
this._iframe.src = url;
当不再需要我的组件时，加载程序只需清除它：
this._iframe = null;
现在，在我的web组件卸载之前，我应该做一些清理工作。当我的组件独立加载时，这段代码对我来说很好：
if (typeof window.add
浏览 1提问于2018-02-27得票数 0
回答已采纳
4回答
我知道在这种情况下如何用getElementById()函数替换文本：
<script type="text/javascript">
function go(){
var p = document.getElementById('ccc');
p.firstChild.nodeValue = 'AAA';
}
</script>
<div id='ccc'>o</div>
<a href="javascript:go
浏览 1提问于2011-11-12得票数 2
回答已采纳
2回答
我正在阅读别人的javascript代码，如下所示
window.onload = function(){
// Listen to the double click event.
if ( window.addEventListener ) {
document.body.addEventListener( 'dblclick', onDoubleClick, false );
}
else if ( window.attachEvent ) {
/* attachEvent is Microsoft and addEventListener is
浏览 1提问于2012-02-10得票数 2
回答已采纳
我使用attachEvent有一段时间了，但是IE似乎不再支持这一点了？
window.attachEvent("onload",Start_Wysiwyg);
window.attachEvent("onscroll",ScrollEditBar,false);
有谁能解决这个问题吗？
浏览 1提问于2013-11-24得票数 12
我想做与此等效的操作：
$(window).bind('resize', function () {
myResizeFunction();
}).trigger('resize');
没有jquery。
原因是。这是我的javascript库中唯一使用jquery的代码部分。
如果我只使用这一条命令，我看不出包含jquery的意义。
注意:为了清楚起见，我希望myResizeFunction在浏览器每次调整大小时都运行。最好是跨浏览器的解决方案！
谢谢：)
浏览 0提问于2011-09-27得票数 1
回答已采纳
3回答
当窗口大小小于700px时，我只是尝试在控制台中写入一条消息。
我尝试过的东西是：
if(window.innerWidth < 700){
console.log("hello");
}
和
if(screen.width < 700){
console.log("hello");
}
我没有得到任何错误信息，但是代码不能运行。如果我在700后面加上"px“，我会得到错误的意思是”未捕获的SyntaxError:意外的标识符“。
浏览 1提问于2016-09-18得票数 4
回答已采纳
我在ie8中为angularjs绑定单击事件的最初方法是：
var w = angular.element($window);
w.bind('click', function(){alert('hi')});
当然，这在除ie8之外的所有浏览器中都适用。所以我试着：
function bindEvent() {
if($window.addEventListener)
$window.addEventListener('click', alert('Hi'), false);
浏览 5提问于2015-01-28得票数 0
回答已采纳
2回答
我想添加一个大头针到必应地图，当用户单击大头针时，应该会出现一个信息框。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content
浏览 2提问于2012-09-19得票数 1
回答已采纳
链接到菜单：
我想知道这些帖子或是否可以优化上面的菜单。
我需要为IE6优化菜单，因为当我按原样使用菜单时，在单击加载了大量处理的页面的菜单项后，菜单挂起。再次启用菜单的时间太长。
有什么想法吗？
浏览 3提问于2010-03-23得票数 1
回答已采纳
我有以下代码：
<script>
var myEvent = window.attachEvent || window.addEventListener;
var chkevent = window.attachEvent ? 'onbeforeunload' : 'beforeunload';
myEvent(chkevent, function(e) {
var confirmationMessage = 'HELLO';
(e || window.event).retur
浏览 18提问于2015-09-17得票数 0
请帮助我理解这在javascript如何工作良好？
var myEvent = window.attachEvent || window.addEventListener;
var chkevent = window.attachEvent ? 'onbeforeunload' : 'beforeunload'; /// make IE7, IE8 compitable
myEvent(chkevent, function(e) { // For >=IE7, Chrome, Firefox
var confirmationMes
浏览 7提问于2015-03-02得票数 3
回答已采纳
因此，在我的页面底部有一个服务器控件：
<%= addPopup() %>
这是它的代码：
protected String addPopup()
{
if (usedSearch == false)
{
return "";
}
else
{
return "<body id=\"test\" onload=\"popup.show()\" runat=\"server\">";
}
}
基本上，取决于用户所做
浏览 3提问于2013-08-12得票数 0
回答已采纳
2回答
我希望在页面加载时执行部分addon代码，因此我希望在浏览器中查找页面加载事件。
if (window.addEventListener)
window.addEventListener("load", func, false);
else if (window.attachEvent)
window.attachEvent("onload", func);
function func() {
alert("page loaded");
//my code here
}
在火狐中，我可以捕获加载事件，但在IE9中
浏览 0提问于2012-12-20得票数 0
8回答
我想在页面加载时运行一个函数，但我不想在<body>标记中使用它。
我有一个脚本，如果我在<body>中初始化它，它就会运行，如下所示：
function codeAddress() {
// code
}
<body onLoad="codeAddress()">
但我想在没有<body onload="codeAddress()">的情况下运行它，并且我已经尝试了很多方法，例如：
window.onload = codeAddress;
但它不起作用。
那么当页面加载时我该如何运行它呢？
浏览 61提问于2011-01-30得票数 293
回答已采纳
首页：
...
<script>
if (window.addEventListener) {
// addEventListener equivalent of code below
} else if (window.attachEvent) {
window.attachEvent("message", function(e) {
if (e.origin != "page2.html") { return; }
alert(e.data);
});
}
</script>
<iframe src="p
浏览 1提问于2013-02-07得票数 2
我有一个使用modernizr.js的页面，它在页面加载时运行。在我添加这个之前，我运行了一个简单的js时钟脚本来显示当页面加载时也加载的时间，然而，因为同时将它们添加到页面会使其中一个停止工作。
我仍然是javascript的新手，并且正在掌握规则(自学)。是否可以保存加载时运行的两个脚本，如果可以，如何保存？或者，我是不是找错了树，如果是这样，我的代码是否有问题？
这就是我所拥有的。
<script>
window.onload = function() {
if(window.FileReader && Modernizr.draganddrop){
浏览 0提问于2013-02-05得票数 1
回答已采纳
当浏览器的大小调整到大于或低于890 no时，我试图使我的简单javascript函数(不包括jQuery)将消息记录到控制台。此代码在加载时工作，但仅在加载页时声明起始宽度：
if (window.innerWidth < 890) {
console.log('Less than 890px');
} else {
console.log('890px or more');
}
但是下面使用窗口事件的代码不起作用：
if (window.attachEvent) {
window.attachEvent('
浏览 0提问于2018-11-14得票数 0
回答已采纳
我在HTML页面的HEAD标签中编写了这段代码。它在火狐、Chrome和Safari上运行良好，但在IE7上就不行了。我想知道如何修复它。
<script type="text/javascript">
if ( window.addEventListener ) {
window.addEventListener("keydown", function(e) {
alert(e.keyCode);
}, true);
}
</script>
浏览 0提问于2009-12-17得票数 1
回答已采纳
这个网站非常有帮助，以至于这是我第一次需要发布一个问题。我被卡住了..。我有一个html格式的搜索表单，它有一个onKeyUp事件，该事件触发一个带有显示结果的div。
<form id="searchform">
<div>
What are you looking for? <input tabindex="0" type="text" size="30" value="" id="inputString" onkeyup="look
浏览 0提问于2013-12-17得票数 0
我已经写了一个工具来做笔记，从网页上抓取图片。它通过使用javascript书签将自身作为iFrame加载到当前窗口中：
javascript:(function(){ _my_script=document.createElement('SCRIPT'); _my_script.type='text/javascript'; _my_script.src='http://basereality.test/js/bookmarklet.js?rand='+(Math.random()); document.getElementsB
浏览 3提问于2013-03-23得票数 1
回答已采纳
我想在浏览器中测试一些Javascript代码，但它可能会触发Firefox的“警告:无响应脚本”弹出窗口。这允许用户在浏览器陷入失控功能时单击“停止脚本”。显示弹出窗口时，当前正在运行的函数已暂停。这并不理想，那么有没有一种不同的方式来运行我的基准测试，这样Firefox就不会弹出这个警告并破坏我的结果呢？
浏览 0提问于2009-12-17得票数 10
回答已采纳
我有一个在调整屏幕大小时触发操作的函数：
if ( window.addEventListener ) {
// For all major browsers, except IE 8 and earlier
window.addEventListener('resize', debounce(function () {
if ( $videosContainer.attr('data-video-hosting') === 'youtube' )
浏览 56提问于2018-05-29得票数 4
回答已采纳
4回答
当直接定义变量时，它可以工作。与下面的代码一样，车身的背景色在IE中为浅绿色，在非IE浏览器中为浅蓝色。
<html>
<body>
<script>
if (window.attachEvent) {
var YourBrowserIsIE = true;
}
if (YourBrowserIsIE) {
document.body.style.backgroundColor = 'lightgreen';
}
浏览 5提问于2012-09-03得票数 0
回答已采纳
我读了很多关于jQuery.ready()会让你的页面变慢的文章。和许多网站一样，我的网站在jQuery.ready()中运行了一堆代码。
</body>
<script>
jQuery(document).ready(function() {
// Do some event binding and initialization.
});
</script>
我将此脚本放在<body>标记的末尾，但为了安全起见，我将代码包装在DOM ready中。
现在我用测试我的页面，我注意到domContentLoade
浏览 11提问于2015-07-31得票数 0
我需要帮助折叠页面加载一个可折叠的div。
我使用的是以下JavaScript代码：
<script type="text/javascript">
function switchMenu(obj) {
var el = document.getElementById(obj);
if ( el.style.display != "none" ) {
el.style.display = 'none';
}
else {
浏览 0提问于2012-01-01得票数 0
回答已采纳
3回答
我有这两个javascript函数，并希望将它们“合并”成一个。我将在稍后添加更多的这些转换函数，并希望保持简单和干净，而不仅仅是复制函数。
<!--Convert kg in pnd-->
<script type="text/javascript">
function init(){
document.getElementById('kg').onmouseup=function() {
if(isNaN(this.value)) {
alert('numbers only!!');
document.ge
浏览 1提问于2010-01-26得票数 2
4回答
目前，我有一个load more按钮，当一个元素被单击时，它就会运行，如下所示：
<script type="text/javascript">
$(document).on('click', '#loadmore', function() {
etc....
});
</script>
但是，当div进入浏览器视图时，有没有办法让它运行？真的要把它变成无限的负载吗？我一直在四处寻找，但找不到任何解决方案，但这似乎是可能的。
那么用户将向下浏览页面，查看element <div
浏览 0提问于2012-04-12得票数 0
回答已采纳
1回答
我试图了解HTML页面加载和通过Javascript请求延迟的外部资源之间发生了什么。
在本地测试(不需要DNS查找)
为什么浏览器看起来像是在浪费“很多时间”，什么也不做？
我的页面是空的。它只包含超文本标记语言、头部和身体骨架，以及在页面加载后调用jQuery所需的Javascript代码：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
Demo
<script type="text/javascript">
function do
浏览 1提问于2018-01-07得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
