经常有同事问我在火狐浏览器怎么获取event的方法,大多是想获取event.keyCode的功能两种方法 第一种方法: 代码如下:function a(e){ e=e||window.event; alert(e.keyCode); } ie浏览器如下调用 代码如下:<body onclick="a()"> firefox火狐浏览器如下调用 代码如下:<body onclick="a(event)"> 这样就可以调用成功 这种方法在firefox需要带个参数过去,不是太好,下面介绍第二种方法 第二种方法: 代码如下:function a(){ e=a...
现在的web应用越来越复杂,需要响应各种各样的用户触发事件,因而也就不可避免的,需要给我们的html页面上的dom元素增加事件监听函数. 我们知道给dom元素绑定事件监听函数的方法有如下3种: 1 : 页面html: 代码如下:<button onclick=”test();”></button> 2: 页面html: 代码如下:<button id=”btn”></button> Javascript: 代码如下:document.getElementById(“btn”).onclick = test; 3: 页面html: 代码如下:<button id=”btn...
好的程序往往是兼容多种浏览器的。 看下例: 一个简单的button,我们可以通过点击下面的button直接通过event对象得到当前的button元素,兼容多浏览器.当然,其他元素事件的写法同。 <input type="button" id="btn" name="btn" value="button1" onclick="getEvent(event)"/>
鼠标事件 鼠标移动到目标元素上的那一刻,首先触发mouseover 之后如果光标继续在元素上移动,则不断触发mousemove 如果按下鼠标上的设备(左键,右键,滚轮……),则触发mousedown 当设备弹起的时候触发mouseup 目标元素的滚动条发生移动时(滚动滚轮/拖动滚动条。。)触发scroll 滚动滚轮触发mousewheel,这个要区别于scroll 鼠标移出元素的那一刻,触发mouseout 事件注册 平常我们绑定事件的时候用dom.onxxxx=function(){}的形式 这种...
看下面的例子, 代码如下: var btn = document.getElementById(mybtn); btn.onclick = function(){ var event = window.event; alert(event.type);//"click" } 此时,event对象来源于window.event对象,并且之后又用于确定事件类型。然而,当eventHandler 通过attachEvent()这种方式来授权的话,event 对象将作为function的唯一参数,请看如下代码 代码如下:var btn = document.getElementById...
首先我在网上看到不少文章大体上分为两个(不正确)观点: 1. cancelBubble用于ie的阻止冒泡事件,event.stopPropagation()用于firefox和chrome等其他浏览器。 先不讲上面是对是错 先看一个例子:(测试环境:chrom5.0.275.7, moz3.6.4, opera10.53, ie6,7,8) 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www....
看下以下代码在各浏览器下的结果: 代码如下:<body onclick="alert([window.event,event,this.event]);">test</body> IE8: object,object,undefined FF8.0: undefined,MouseEvent,undefined Cr16: MouseEvent,MouseEvent,undefined Opera: MouseEvent,MouseEvent,undefined Safira: MouseEvent,MouseEvent,undefined 除FF8外,其它浏览器都已经支持window.event了 ff8似乎在调用事件时with了一个{event:new Event(...)};所以在o...
实例 显示按了哪个键: $("input").keydown(function(event){ $("div").html("Key: " + event.which); }); 亲自试一试 定义和用法 which 属性指示按了哪个键或按钮。 语法 event.which参数 描述 event 必需。规定要检查的事件。这个 event 参数来自事件绑定函数。 jQuery丢弃了标准的 button 属性采用 which,这有点让人费解。 which 是Firefox引入的,IE不支持。which的本意是获取键盘的键值(keyCode)。 jQuery中的which即可以是键...
event.clientX返回事件发生时,mouse相对于客户窗口的X坐标 event.X也一样 但是如果设置事件对象的定位属性值为relative event.clientX不变 而event.X返回事件对象的相对于本体的坐标 event对象详解 ICOOE 2000.3.31 http://www.51js.com/ event代表事件的状态,例如事件发生的的元素、鼠标的位置等等,event对象只在事件过程中才有效。 event属性: altKey 检索ALT键的当前状态 可能的值 true为关闭 false为不关闭 button 检索按下...
但是你懂的,浏览器实在太不和谐了,兼容性且不说,各种坐标属性看得人头昏眼花,极容易混淆。好吧,我来总结一下: 测试浏览器:IE8, Chrome13, FF8, Safari5, Opera11 先上测试用例(用HTML5的doctype测试,也可看出未来的发展趋势,其他doctype可自行测试): 代码如下:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <style type="text/css"> html { background:red; }...
主要就是为了监听键盘按下的是哪个键,并且转成ASCII码; 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>window.event.keyCode</title> </head> <body onkeydown=" alert(window.event.keyCode)"> <input id="tx...
这个小问题以前就遇到,却没有去总结 现在又遇到,为了得到准确结论,记录下来: 如题:同一事件 多个执行函数间的Event物件是否全等 例如: 代码如下:dom.addEvent(click,fna); dom.addEvent(click,fnb); 1:在fna里对Event物件添加的属性,在其后执行的fnb函数里是对于Event物件是否能访问到? 2:执行fna/fnb函数时的Event物件是否全等 Eventfna===Eventfnb ? 标准的文档太长哪里是说明了这里的规则呢?懒吧... 对于Jquery,同一事...
event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 例子 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转。 <HTML> <HEAD><TITLE>Cancels Links</TITLE> <SCRIPT LANGUAGE="JScript"> function cancelLink() { if (window.event.srcElement.tagName == "A" && window.event.shiftKey...
实例代码 代码如下:<body> <div id="demo"></div> <button id="btn" >trigger it</button> <script type="text/javascript"> (function($) { //demo1 $("#demo").bind("demo-trigger", function(e, args) { var info = []; //对应的我们从args参数中获取数据 for(var prop in args) { info.push(prop + ":" + args[prop]); } this.innerHTML = info.join(;); }); $(#btn).click(function() { // 我们把数据作为一个参数和我们关心...
1、window.event IE:有window.event对象 FF:没有window.event对象。可以通过给函数的参数传递event对象。 如: 代码如下:<input type="button" onmousemove="showDiv(event);"//event不需要加引号 function showDiv(event) { var event=window.event||event; event.clientX; event.clientY; }