ie 8-浏览器兼容性中attachEvent和addEventListener这样用为啥不行?

问题描述

浏览器兼容性中attachEvent和addEventListener这样用为啥不行?
HTML:

<div class="cy_right">
    <h3 class="tit">项目概况</h3>
    <ul class="cynav">
        <li class="current" onclick="liClickOne(this,'merchantsInfo')" >招商信息分布统计</li>
        <li class="lb" onclick="liClickOne(this,'majorProject')" >重大项目</li>
    </ul>
    <div class="year">年份:
        <select id="selectYear_lwgOne"  onchange="initMerchantsInfo()">
            <option value="2013">2013</option>
            <option value="2014" selected="true">2014</option>
            <option value="2015">2015</option>
        </select>
    </div>
    <div id ="merchantsInfo"  class="tc mt30"  style="display: block;width:421px;height:253px"  >
    </div>
    <div id ="majorProject"  class="tc mt30"  style="display: none"   >
    </div>
</div>

JS:
if(isIE8 || isIE7){
                document.getElementById("selectYear_lwgOne").attachEvent("onchange",initMajorProject);
            }else{
                document.getElementById("selectYear_lwgOne").addEventListener('change',initMajorProject);
            }

在IE8和以下版本中,这个“attachEvent”是没用的,我不清楚是我用的不对还是什么其他原因。希望各位前辈们指点!
还有 这个“select”的“onchange”事件,初始化就绑定了上面的“initMerchantsInfo()”这个函数。

解决方案

你确定是没用的吗?,,,

时间: 2024-09-25 18:06:31

ie 8-浏览器兼容性中attachEvent和addEventListener这样用为啥不行?的相关文章

JavaScript中解决多浏览器兼容性23个问题的快速解决方法_javascript技巧

一.document.formName.item("itemName") 问题 问题说明:IE下,可以使用 document.formName.item("itemName") 或 document.formName.elements ["elementName"]:Firefox 下,只能使用document.formName.elements["elementName"]. 解决方法:统一使用document.formNa

关于网站开发中浏览器兼容性问题

中介交易 SEO诊断 淘宝客 云主机 技术大厅 网站开发中,对于前端工程师而言,网站样式的兼容性往往很让人头疼,特别是在本国国情的情况下,IE6的不死以及各家IT公司的浏览器兼容性存在差异的情况下,让网站开发在浏览器兼容性方面摔了大跟头. 开发人员往往会看到一些比较好的值得我们借鉴的国外网站,但是一拿到本地,各种浏览器的不兼容,迫使我们放弃这些华丽的好站.今天我来给大家解析下市场的各种浏览器以及我们在网站开发当中值得注意的地方. 先说主浏览器,目前国内主浏览器依旧以IE为主,那么IE6.7.8其

javascript中日期函数new Date()的浏览器兼容性问题_javascript技巧

同一种语言javascript,在不同的浏览器中,存在语言兼容性问题,本质上是由于不同的浏览器是支持的语言标准和实现上各有差异.本文将基于new Date来创建Date对象来分析这个问题. 1.  问题的提出, 开始时间和结束时间空间无法正确的传递值     在页面中,我们使用了一个时间上的组件来开发时间选择框,但是发现在Firefox下是无法正常工作的,在Chrome下是可以正常运行的. 问题出在哪里呢? 2.  问题分析     结果分析发现是由于如下代码产生的问题:   var times

Dom与浏览器兼容性说明_DOM

作为一个Web前端工作者,你是否在工作中常被浏览器兼容性问题所困惑.例如Css样式? 明明在 IE浏览器里显示一切正常的网页.到了FireFox或谷歌浏览器中却乱作一团.或许你在使用JavaScript和Dom编写网页脚本时,也遇到过类似问题. 明明在FireFox浏览器里运行正常的脚本.到了IE里却出现错误. 比如说获取触发js事件的源目标.还有鼠标位置或元素位置问题.动态为元素绑定事件等...我将在下面列举部份Dom指令在IE和FireFox等浏览器 不兼容性的问题!限于篇幅.我不在该页对提

javascript中attachEvent用法

  这篇文章主要介绍了javascript中attachEvent用法,实例分析了javascript中事件绑定的相关技巧,需要的朋友可以参考下 本文实例讲述了javascript中attachEvent用法.分享给大家供大家参考.具体分析如下: 一般我们在JS中添加事件,是这样子的 obj.onclick=method 这种绑定事件的方式,兼容主流浏览器,但如果一个元素上添加多次同一事件呢? ? 1 2 3 obj.onclick=method1 obj.onclick=method2 obj

js中用实例体现attachEvent与addEventListener的区别

先普及一下基本知识: attachEvent与addEventListener的作用:为某一事件附加其它的处理事件. 网上普遍都是说attachEvent用于非Mozilla系列,addEventListener用于Mozilla系列. (Mozilla系列在浏览器而言,即指火狐浏览器,本人认为也可以指支持w3c标准的系列浏览器) 理论上是这么说,还是得自己动手试一试! 结合查阅资料写了以下代码进行测试: <!DOCTYPE html> <html> <head>   

javascript中attachEvent用法实例分析_javascript技巧

本文实例讲述了javascript中attachEvent用法.分享给大家供大家参考.具体分析如下: 一般我们在JS中添加事件,是这样子的 obj.onclick=method 这种绑定事件的方式,兼容主流浏览器,但如果一个元素上添加多次同一事件呢? obj.onclick=method1 obj.onclick=method2 obj.onclick=method3 如果这样写,那么只有最后绑定的事件,这里是method3会被执行,这个时候我们就不能用onclick这样的写法了,主角改登场了,

Web字体格式介绍及浏览器兼容性一览

目前,文字信息仍是网站最主要的内容,随着CSS3技术的不断成熟,Web字体逐渐成为话题,这项让未来Web更加丰富多彩的技术拥有多种实现方案,其中之一是通过@font-face属性在网页中嵌入自定义字体,主流的浏览器都支持这项技术,本文介绍主要的几种Web字体格式及各浏览器兼容情况. Web字体格式介绍TrueType (.ttf) Windows和Mac系统最常用的字体格式,其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体,这使得它们比基于矢量的字体更容易处理,保证了屏幕与打印输

win8PC浏览器兼容性抽查测试

  对于软件的Win8兼容性测试,测试的根本就在于反映出在用户使用Windows平台的软 件,在最新的Win8操作系统中普遍的兼容能力.也就是说我们需要从人们最常用和最实用的软件入手,而浏览器相信是任何平台都无法或缺的最常用.实用的软 件之一.因此测试PC浏览器的兼容问题是一个比较具有普遍代表性的方向.这里我们从众多的浏览器中抽查其中三款PC浏览器软件,并关注一下它们的兼容性表现. 浏览器就是可以显示网页服务器或者文件系统的HTML文件内容,并让用户与这些文件交互的一种软件.网页浏览器用来显示在