网页设计学习笔记

HTML,CSS,JavaScript

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: :: 管理 ::

2012年6月10日

摘要: 利用上一篇文章说明的方法,我们对事件添加了处理程序,然后可以来具体处理事件了。首先大部分浏览器会将event 对象作为参数传递给事件处理程序,从而我们可从 event 对象中读取事件的具体内容。但是在 IE9 之前用 DOM0 级方法添加的事件处理程序,event 事件是作为 window 对象的属性传递过去的。因此,我们需要用下面的方法保证跨浏览器的兼容性:var handler = function(event) { var ev = event ? event : window.event; alert(ev.type);};如果要得到触发该事件的元素,在标准浏览器中可以用 ... 阅读全文
posted @ 2012-06-10 20:44 zoho 阅读(327) 评论(0) 推荐(0) 编辑

摘要: 首先是事件的类型:事件主要分为页面事件(例如 load,unload,resize,scroll,focus,blur),鼠标事件(例如 mousemove,mousedown,mouseup,click,dblclick,mouseover,mouseout)和键盘事件(例如 keydown,keyup,keypress)等类别。在不同的浏览器中,不同的 DOM 元素能触发的事件各不相同。而 window 对象这个特殊元素也能触发各种页面事件,但是在 IE9 之前的浏览器中不能触发鼠标事件和键盘事件,但我们可以用 document 元素的对应事件。用 JavaScript 绑定事件处理程序的 阅读全文
posted @ 2012-06-10 19:34 zoho 阅读(391) 评论(0) 推荐(0) 编辑

摘要: 要全屏显示窗口,如果是新窗口可以用 window.open 方法指定 "fullscreen" 参数。但是出于安全考虑,现在大多数浏览器都会在全屏时显示地址栏或者状态栏,因此只能得到伪全屏的效果。如果是当前窗口,以前并没有好办法做到,只能提醒用户按 F11 键了。目前,在 HTML5 中已经有全屏显示 API 的草案了,而且 Chrome 15,Safari 5.1 和 Firefox 10 都支持它。但是,具体的写法还是稍有不同的。例如:// chrome and safarielement.webkitRequestFullScreen();document.webki 阅读全文
posted @ 2012-06-10 18:00 zoho 阅读(1143) 评论(0) 推荐(0) 编辑