高级事件的运用

1.事件绑定
---IE独有下的绑定事件
attachEvent(事件名,函数)--反向执行,且一个按钮可执行多个事件的功能。
detachEvent()--解除绑定
---FF/chorme下的绑定事件
addEventListener
removeEventListener--解除绑定
2.捕获事件
对象.addEvent Listener(事件名,函数,是否捕获)--不带on,一般最后一个参数都是false
可用if(对象.attachEvent)来进行兼容的情况FF和IE
磁性吸附--实际是改变其距离
对象.setCapture()--事件捕获,把整个操作系统里WINDOWS,所有事件都扔到button里进行-IE独有
releaseCapture--释放捕获
IE,chrome---onmousewheel 存在滚轮事件,FF下不存在

3.普通事件--onclick,onousedown等等
DOM事件-DOMMouseScroll--只能通过addEventListener,DOM事件只能通过绑定来参加

绑定事件 浏览器允许执行的事件
IE attachEvent mousewheel
FF addEventListener DOMMouseScroll
Chrome attachEvent mousewheel

属性--判断向下滚与向上滚的正负
IE独有:
wheelDelta-- 向下滚 负
向上滚 正
FF下用法
detail 向下滚 正
向上滚 负
document.ontextmenu=function(){}---右键菜单,组织点击右键,出现菜单的情况,直接用return false
4.阻止默认行为
FF下:
document.addEvenListener(‘事件‘,function(ev){
return false;--这种用法失效,但在IE和chrome没问题
var oEvent=ev||event;
oEvent.preventDefault()---这种方法组织默认行为,当事件是绑定的时候,火狐下必须用这种,IE直接用retrun false

},false)

5.Function和function的区别

function tDefine(s) {
var result;
var f = new Function("factory", s); //或者写成new Function("factory",s)(function(val){result=val};)
var factory = function(val) {
result = val;
};
f(factory);
return result;
}
var s = ‘factory({id:1234})‘;
var v = tDefine(s);
console.log(v);
new Function 的基本用法 :
创建一个函数对象的语法是var myFunction = new Function(arg1,…,agrN, body);
最后一个参数是函数的 body(函数体),类型为 string;
前面的参数都是 索要构造的函数的参数(名字)
var myFunction = new Function(‘users‘, ‘salary‘, ‘return users * salary‘);
mouseover ,mouseout ,mouseenter,mouseleave的区别有哪些?

mouseover与mouseenter

不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。

只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。

mouseout与mouseleave

不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。

只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。

时间: 2024-11-06 03:38:35

高级事件的运用的相关文章

jQuery事件篇---高级事件

内容提纲: 1.模拟操作 2.命名空间 3.事件委托 4.on.off 和 one 发文不易,转载请注明出处! 一.模拟操作 在事件触发的时候,有时我们需要一些模拟用户行为的操作.例如:当网页加载完毕后自行点击一个按钮触发一个事件,而不是用户去点击. //点击按钮事件 $('input').click(function () { alert('我的第一次点击来自模拟!'); }); //模拟用户点击行为 $('input').trigger('click'); //可以合并两个方法 $('inp

jQuery 高级事件

jQuery 不但封装了大量常用的事件处理,还提供了不少高级事件方便开发者使用.比如模拟用户触发事件.事件委托事件.和统一整合的 on 和 off,以及仅执行一次的 one 方法.这些方法大大降低了开发者难度,提升了开发者的开发体验. 一.模拟操作 在事件触发的时候,有时我们需要一些模拟用户行为的操作.例如:当网页加载完毕后 自行点击一个按钮触发一个事件,而不是用户去点击 //点击按钮事件 $('input').click(function(){ alert('我的第一次点击来自模拟!'); }

高级事件(一)

jQuery不但封装了大量常用的事件处理,还提供了不少高级事件方便开发者使用.比如模拟用户触发事件.事件委托事件.和统一整合的on和off,以及仅执行一次的one方法.这些方法大大降低了开发者难度,提升了开发者的开发体验. 模拟操作 在事件触发的时候,有时我们需要一些模拟用户行为的操作.例如:当网页加载完毕后自行点击一个按钮触发一个事件,而不是用户去点击. html(部分)代码: <input type="button" value="按钮" /> jQ

第十篇 Integration Services:高级事件行为

本篇文章是Integration Services系列的第十篇,详细内容请参考原文. 简介在前一篇, we introduced fault tolerance by examining methods of task execution state management using the MaximumErrorCount and ForceExecutionResult properties.我们还学习了SSIS控制流任务错误.事件处理程序和容器之间的关系.这一篇我们重点关注事件的行为.在

关于高级事件的使用

1.事件绑定  ---IE独有下的绑定事件  attachEvent(事件名,函数)--反向执行,且一个按钮可执行多个事件的功能.  detachEvent()--解除绑定  ---FF/chorme下的绑定事件  addEventListener  removeEventListener--解除绑定2.捕获事件  对象.addEvent Listener(事件名,函数,是否捕获)--不带on,一般最后一个参数都是false  可用if(对象.attachEvent)来进行兼容的情况FF和IE 

jQuery 高级事件(模拟操作)

一.模拟操作 在事件触发的时候,有时我们需要一些模拟用户行为的操作.例如:当网页加载完毕后 自行点击一个按钮触发一个事件,而不是用户去点击 //点击按钮事件 $('input').click(function(){ alert('我的第一次点击来自模拟!'); }); //模拟用户点击行为 $('input').trigger('click'); //可以合并两个方法 $('input').click(function(){ alert('我的第一次点击来自模拟!'); }).trigger('

jQuery高级事件

学习要点: 1.模拟操作 2.命名空间 3.事件委托 on.off和one 一.模拟操作 1.trigger 方法 <div style="width:200px;height:200px;background:red;"> <input type="button" value="点击"/> </div> $("input").click(function () { console.log(

jQuery学习笔记(五六)——高级事件

一.自定义事件 1.$('input').trigger('click') 模拟操作点击事件 2.$('input').bind('myEvent',fn).trigger('myEvent') 自定义事件 3.$().trigger()/$().triggerHandler() 区别是triggerHandler阻止默认事件,没有返回值(define) 二.命名空间: $('input').bind('click.abc',fn) 设置带命名空间的点击事件 $('input').unbind(

[译]Stairway to Integration Services Level 10 - 高级事件活动

介绍 在前一篇文章中我们介绍了故障容差相关的 MaximumErrorCount 和 ForceExecutionResult 属性.  同时我们学习了SSIS Control Flow task errors, containers, 和event handlers联系 . 本篇中我们关注事件行为. 我们用两种方法操纵日志传递(冒泡)行为. 同时也介绍父子模式(Parent-Child pattern )并且演示事件在父子模式中的行为. 关于 SSIS 任务事件 About SSIS Task