JS 封装事件(鼠标事件举例)-封装引入部分

        function addScrollEvent(obj,handle){
//obj代表的是将来调用函数时,传递的标签
//先判断是不是火狐
            var isFF = navigator.userAgent.indexOf("Firefox");
            if(isFF != -1){
                    obj.addEventListener("DOMMouseScroll",scrollfun,false);
                }else{
                    obj.onmousewheel = scrollFun;
            }

//上滚轮还是下滚轮
            function scrollFun(event){
                var ev = event || window.event;
//判断事件;IE和非IE,针对事件不同,IE针对window
                var down;
            if(isFF != -1){
                    down = ev.detail > 0;
//火狐,detail>0 表示向下滑
                }else{
                    down = ev.wheelDelta < 0;
//非火狐  wheelDelta<0 向下滑;
                }
                handle(down);
//此处handle是调用父级的函数,down是用了这个子级的参数down
 //在此处调用,相当于外部引用时候的function(down);

            }

        }
时间: 2024-08-15 20:17:39

JS 封装事件(鼠标事件举例)-封装引入部分的相关文章

jquery 事件--鼠标事件

一.click( )  与 dblclick() --双击 click事件其实是由mousedown与mouseup 2个动作构成,所以点击的动作只有在松手后才触发 在同一元素上同时绑定 click 和 dblclick 事件是不可取的. $(".div").click(function(){ alert("hello") }) $('p').click(function(e) { alert(e.target.textContent); // 打印所点击对象的文本

JQuery事件——鼠标事件

鼠标事件.click()..dbclick()..mousedown()和 .mouseup() 1   .click()用于监听用户单机操作 2   .dbclick()用于监听用户双击操作 3   $ele.click()绑定$ele元素,不带任何参数一般是用来指定触发一个事件 4   $ele.click(handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调handler函数,可以针对事件的反馈做很多操作,方法中的this是指向绑定事件的元素

JQuery事件——鼠标事件1

鼠标事件.mousemove()..mouseover()..mouseout()..mouseenter() 和.mouseleave() 1   .mousemove()监听用户移动的操作 2   $ele.mousemove()绑定$ele元素,不带任何参数,用来指定触发一个事件 3   $ele.mousemove(handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调handler函数,可以针对事件的反馈进行很多操作 4   $ele.mou

【JS】键盘鼠标事件

一,键盘 keydown 表示按下键盘 keypress 表示按下键盘 keyup 表示键盘弹起 这三者的区别分别表现在发生的 先后顺序,获取到的键盘按钮值,已经对输入框的文本取值这三方面 先后顺序: 按照 keydown keypress keyup 顺序发生 键盘按钮值: 通过event对象的which属性获取键盘的值 keydown和keyup 能获取所有按键,不能识别大小写 keypress 不能获取功能键,如F1 SHIFT等,能够识别大小写 文本取值: keydown和keypres

JS学习12(事件)

事件流 IE和Netscape开发团队提出了完全相反的两种事件流的概念,事件冒泡流和事件捕获流. 事件冒泡 事件由最具体的元素开始,逐级向上传播到较不具体的元素,最终到文档. 事件捕获 事件捕获从document开始,逐级向下,最后传到最具体的节点. DOM事件流 DOM2级事件定义的事件流包含3个阶段:事件捕获阶段,处于目标阶段,事件冒泡阶段. 捕获阶段会从文档节点自上而下传递直到目标节点的上一个节点:处于目标阶段时传到目标节点,冒泡阶段开始向上传递知道文档节点. 规定是捕获阶段事件不传递到目

JS学习笔记6_事件

1.事件冒泡 由内而外的事件传播(从屏幕里飞出来一支箭的感觉) 2.事件捕获 由表及里的事件传播(力透纸背的感觉) 3.DOM事件流(DOM2级) 事件捕获阶段 -> 处于目标阶段 -> 事件冒泡阶段(拿根针从屏幕扎进去,缝衣服的感觉) 事件捕获是从DOM树根到叶子的事件传播,所以可以在靠近根的位置捕获(event.stopPropagation)事件,让叶子收不到事件信号 事件冒泡是从叶子到根的原路返回过程,所以可以在靠近根的位置集中处理(event.target)叶子的事件,也就是所谓的事

java语言gui编程之内部类和鼠标事件经典1

/*  时间:2015年3月21日09:53:44  程序目的:理解内部类的作用和鼠标事件的处理  源文件的名称:TestInner.java  要点:   1, 内部类的性质和用法   2, 将内部类定义为普通内部类的好处-----内部类可以直接访问外层类的属性和方法   3, 可以更清楚的组织逻辑,防止不应该被其他类访问的类进行访问      何时使用:    该类不允许或不需要其他类进行访问.       鼠标事件     鼠标事件的两个监听器接口为MouseListener, Mouse

WPF之路-键盘与鼠标事件 - 简书

原文:WPF之路-键盘与鼠标事件 - 简书 键盘事件 事件类型分为以下几个类型 生命周期事件:在元素加载与卸载的时候发生 鼠标事件:鼠标动作 键盘事件:键盘动作 手写笔事件:适用于win7以上的系统 多点触控事件:一个手指或多个手指的触控动作 键盘事件 键盘事件的执行顺序: PrevieKeyDown KeyDown PreviewTextInput TextInput PreviewKeyUp KeyUp 下面以实例代码证实: 在TextBox中分别添加PreviewKeyDown/KeyDo

JS事件-鼠标滚轮事件

之前学习了onmouseover,onmousedown等鼠标事件,今天来看看鼠标的滚轮事件,浏览器兼容一直是让人比较恶心的事情,今天就让我们将恶心进行到底,看看这个恶心的鼠标滚轮事件! 鼠标滚轮事件在IE和谷歌浏览器Chrome下是通过onmousewheel这个事件实现的,但是火狐FF下却不识别onmousewheel,在FF下需要用DOMMouseScroll,并且必须用"事件监听"方式添加事件才有效: 而大家都知道"事件监听"方式绑定事件: IE下是通过at

js中鼠标事件总结

js中鼠标事件主要有onclick,onmousedown,onmouseup,oncontextmenu,ondblclick,所有的这些事件都包含有一个事件对象event,当然在IE低版本下,event对象是挂在window底下的.这个我们另行讨论. 1.通过html添加事件 <input type="button" click="alert(1)"/> 2.通过DOM0级方式添加事件 <input type="button"