`
zengshaotao
  • 浏览: 792800 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

addEventListener

 
阅读更多
<script type="text/javascript">
function addEventSimple(obj,evt,fn){
if(obj.addEventListener){
obj.addEventListener(evt,fn,false);
}else if(obj.attachEvent){
obj.attachEvent('on'+evt,fn);
}}
addEventSimple(content,'dblclick',scroInit);
var status = 0;
var scroInterval;

function scroInit(){
if(status==0){
//非滚动,进入滚动状态
scroInterval = setInterval("scro()",100);
//改变状态
status=1;}
else{
//正在滚动,停止滚动
clearInterval(scroInterval);
//改变状态
status = 0; }
}
function scro(){
//不要使用document.body
document.documentElement.scrollTop++;
}
</script>
分享到:
评论

相关推荐

    attachEvent和addEventListener 使用方法

    在JavaScript中,`attachEvent` 和 `addEventListener` 是两种用于为元素添加事件处理程序的方法,主要在Internet Explorer和非IE浏览器(遵循W3C标准)中使用。它们都是用来监听和响应用户或浏览器的特定行为,如...

    addeventlistener监听scroll跟touch(实例讲解)

    在Web开发中,尤其是针对移动设备的优化,`addEventListener`是一个关键的方法,它允许我们对DOM元素添加事件监听器。本文将深入探讨如何使用`addEventListener`来监听`scroll`和`touch`事件,并理解其中涉及的技术...

    addEventListener 的用法示例介绍

    `addEventListener` 是JavaScript中用于添加事件监听器的方法,它允许我们为同一个元素绑定多个事件处理函数,这对于构建复杂的交互式网页非常有用。在不同的浏览器环境中,`addEventListener` 的使用略有差异,尤其...

    document.addEventListener使用介绍

    `document.addEventListener` 是JavaScript中的一个核心方法,用于向指定元素添加事件监听器。这个方法是DOM(Document Object Model)事件处理的一部分,它允许我们在网页的文档对象上绑定各种类型的事件,如点击、...

    js中addEventListener()与removeEventListener()用法案例分析

    在JavaScript中,`addEventListener()` 和 `removeEventListener()` 是两个非常重要的事件处理方法,它们用于向DOM元素添加或移除事件监听器。理解这两个方法的工作原理对于编写交互式的Web应用程序至关重要。 `...

    [转]事件总线,解决各种和addEventListener有关的麻烦

    标题提到的“解决各种和addEventListener有关的麻烦”,暗示了事件总线模式能够解决在使用常规事件监听器时可能遇到的问题,如耦合度过高、事件传播混乱等。 在传统的事件处理中,我们通常使用addEventListener方法...

    window.addEventListener来解决让一个js事件执行多个函数

    这时,`window.attachEvent`和`window.addEventListener`就显得尤为重要。 `window.onload`是JavaScript中用于处理页面完全加载后的事件,它只能附加一个函数。如果尝试多次赋值,后面的函数会覆盖前面的。这可能...

    addEventListener和attachEvent二者绑定的执行函数中的this不相同

    在JavaScript中,`addEventListener`和`attachEvent`都是用于向元素添加事件监听器的方法,但它们之间存在一些关键差异,特别是在处理`this`关键字时。`addEventListener`是W3C标准的一部分,被大多数现代浏览器支持...

    详解addEventListener的三个参数之useCapture

    addEventListener 有三个参数:第一个参数表示事件名称(不含 on,如 “click”);第二个参数表示要接收事件处理的函数;第三个参数为 useCapture,本文就讲解它。 代码如下: ”outDiv”&gt;  ”middleDiv”&gt;  ”...

    Js on及addEventListener原理用法区别解析

    JavaScript中的事件处理方式有两种主要的形式:`on`属性和`addEventListener`方法。这两种方式在处理事件时有着不同的特性和用法,理解它们的区别和应用场景对于编写高效、可维护的JavaScript代码至关重要。 首先,...

    JS中onclick与addEventListener的区别详解

    - 示例:`addEventListener`可以为同一元素添加多个事件处理程序,每个处理程序都会按照它们被添加的顺序执行。在这个例子中,点击“点我”会依次打印出“我是第一个”和“我是第二个”。 - 参数:事件名不带“on...

    javascript attachEvent和addEventListener使用方法

    本知识点将介绍 JavaScript 中两种常用的方法:attachEvent 和 addEventListener,以及它们在不同浏览器中的应用和区别。 首先,attachEvent 方法是早期 Internet Explorer 浏览器引入的事件监听方法,它的语法是:...

    addEventListener()和removeEventListener()追加事件和删除追加事件

    addEventListener()与removeEventListener()用于追加事件和删除追加。所有的DOM节点中都包含这两种方法,并且它们都接受3个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。 最后这个布尔值参数是true,...

    动态的绑定事件addEventListener方法的使用

    在本文中,我们将深入探讨`addEventListener`方法的使用,这对于创建响应式的Web应用至关重要。 `addEventListener`是DOM(文档对象模型)级别2事件处理程序的一部分,它允许我们为一个元素添加一个或多个事件...

    浅谈addEventListener和attachEvent的区别

    在JavaScript中,处理DOM事件监听有两个主要的方法:`addEventListener` 和 `attachEvent`。这两个方法在功能上相似,但存在一些关键的区别,特别是在浏览器兼容性和事件处理方式上。 `addEventListener` 是W3C标准...

    在vue中阻止浏览器后退的实例

    window.addEventListener(‘popstate', function() { history.pushState(null, null, document.URL); }); vue阻止浏览器后退按钮与js相同,同样没有脱离原生的js 以上这篇在vue中阻止浏览器后退的实例就是小编分享给...

Global site tag (gtag.js) - Google Analytics