JS事件(三)部分常用事件

1、滚动条事件scroll

EventUtil.addHandler(window,"scroll",function(event){
    if(document.compatMode == "CSS1Compat")//标准模式
    {
        alert(document.documentElement.scrollTop);
    }
    else{//混杂模式
        alert(document.body.scrollTop);
    }
})

2、mouseenter与mouseover的区别:

mouseover事件不牵扯到后代元素,但mouseover事件会

如图两个div,给外层div#red添加mouseenter事件,这个事件也仅仅绑定到了#red上。

给#red添加mouseover事件,#blue上也会自动绑定这个事件。

mouseleave与mouseout同理。

时间: 2024-11-03 22:01:13

JS事件(三)部分常用事件的相关文章

js 函数 常用事件 document事件 window对象

js入口函数 window.onload=function(){ } 函数 定义 有一定功能代码体的集合.函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. 基本格式  function functionname(){执行代码 } 分类 基础函数 <script type="text/javascript"> function aa(){ alert("这是我的第一个函数"); } aa(); </script> 参数函数: fan

JS常用事件兼容性处理方法

event.js文件 //跨浏览器事件处理程序[根据能力检测调用] var EventObject = { //添加事件AddEvent:function(obj , type , eventFn){if(obj.addEventListener){//常用obj.addEventListener(type , eventFn , false);}else if(obj.attachEvent){//IE8及以下obj.attachEvent('on'+type , eventFn);}else

JS的三种使用方式/CSS的三种使用方式/JS中的DOM事件模型/JS中匿名函数的书写及调用/媒体查询@media的三种使用方式

一.JS的三种使用方式 1.html标签中内嵌JS(不提倡使用.)                <button onclick="javascript:alert('你真点啊.')" > 有本事点我呀!!!!</button>                                2.HTML页面中直接使用JS:                <script type="text/javascript">        

js常用事件及其用法

1.onload 和 onunload 事件 onload事件:指的是页面加载事件. onunload事件:指的是离开页面事件 <!DOCTYPE html> <html> <body onload="test()"> <script> function test() { if (navigator.cookieEnabled==true) { alert("已启用 cookie") } else { alert(&q

WebView使用详解(二)——WebViewClient与常用事件监听

登录|注册     关闭 启舰 当乌龟有了梦想-- 目录视图 摘要视图 订阅 异步赠书:Kotlin领衔10本好书      免费直播:AI时代,机器学习如何入门?      程序员8月书讯      每周荐书:Java Web.Python极客编程(评论送书) WebView使用详解(二)--WebViewClient与常用事件监听 2016-05-28 11:24 20083人阅读 评论(13) 收藏 举报  分类: 5.andriod开发(148)  版权声明:本文为博主原创文章,未经博主

js事件、自定义dom事件、自定义事件

本文参考资料是:高级编程语言第三版(13章事件和22章自定义事件). 本文涉及到: 事件的组成元素. 事件优化. 模拟事件. 自定义事件的内容 js事件是什么?高级程序13章第一句话说:js与html之间的交互是通过事件实现的.事件是浏览器或者用户自身执行的某种动作,例如我们最常用到的点击事件. 1:js事件 事件流 事件处理程序 事件对象 事件类型 事件流:从页面上接收事件的顺序 事件冒泡:概念事件从最具体的元素接收事件,然后逐级向上传播到较为不具体的元素.这个概念是由ie提出. <!DOCT

jQuery常用事件,each循环,引用当前时间

1.常用事件 click(function(){...}) #点击时触发hover(function(){...}) #鼠标移到时就触发blur(function(){...}) #失去焦点时触发focus(function(){...}) #获得焦点时触发change(function(){...})#值发生发化就触发keyup(function(){...}) off() 方法移除用 .on()绑定的事件处理程序.input(function(){...})实时监听input输入值变化 1.

JS移动客户端--触屏滑动事件

移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成.但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件.处理touch事件能跟踪到屏幕滑动的每根手指. 以下是四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: //手指在屏幕上滑动式触发 touchend: //手指离开屏幕时触发 touchcancel: //系统取消touch事件的时候触发,这个好像比较少用 每个触摸事件被触发

Button之常用事件

Button之常用事件 一.简介 二.方法 三.代码实例 四.易错点

JS 页面加载触发事件 document.ready和onload的区别

JS 页面加载触发事件 document.ready和onload的区别 document.ready和onload的区别——JavaScript文档加载完成事件 页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件): 二是onload,指示页面包含图片等文件在内的所有元素都加载完成. 1.Dom Ready 用jQ的人很多人都是这么开始写脚本的: $(function(){       // do something }); 例如: $(functi