导航: 好喜爱学习网 >> 网站制作 >> 网页制作技巧 >> 动态HTML教程(五)
相关文章
最新文章
文章内容
动态HTML教程(五)
作者:未知 来源:网络收集 录入:管理员


    注意到在不用on作为名称一部分的情况下特定事件是如何被指向的。你只是告诉Netscape注意所有发生在窗口中的事件并捕捉它们。然后你需要告诉Netscape用这些被捕捉的时间做些什么。注意on又出现了。

window.onMouseMove = handlerFunction;
function handerFunction(yourEvent) {
   alert(yourEvent.screenX);
}


    这段代码是一个演示事件过程的烦人的例子。每次你移动鼠标,一个对话框会跳出来告诉你它的横坐标位置。以这种方式处理的事件传递一个指针到event对象。从这儿你可以获取必要的信息。一旦你厌倦了捕捉事件,你可以象这样释放它们:

window.releaseEvents(Event.MOUSEMOVE);


    于是这种类型的事件不再被捕捉。

    IE用不同的方法处理事件,叫做“事件气泡”。在这种方法中,如果你有这样一个结构:
       
           Click on me
        

    如果你点击strong标记内的文本,它接收到一个onClick事件,然后发送onclick事件给标记,处理它然后发送到

标记,等等,然后直到窗口。这样每个元素以自己的方式处理点击。但是如果你想停止气泡上传,可以取消气泡。

所以如果你不想让某个事件传递到所有它包含的标记,可以象上面那样阻止它。

    你可以看到,因为两种浏览器存在相似的事件,每一步都需要大量的条件化工作,而且没有简单的方式把它们映射到一个句法中。 

    虽然动态HTML背后有很多要了解的,但是你现在已经可以开始并使dHTML适应不同的浏览器。如果你想了解更多的内容,Microsoft和Netscape在它们的网站上都有扩展dHTML文档。

    那么你觉得动态HTML怎样?爱它还是恨它?爱它所做的,但是在实现上的差异上又心存顾虑?事实上浏览器公司和World Wide Web Consortium已经意识到这种差异,所以将来应该有解决办法。

    最后,有一项期末作业:

    做一个动态HTML主页,让它运动、让它可视和隐藏、让它反应用户事件。

    祝你编码和设计快乐!

    

   [1] [2] 

[1] [2] 

E-MAIL:309076721@163.com
本站为非营利性质个人网站,建站只为个人爱好与学习,内容大多为电脑技术教程;
网站内容来源于互联网收集整理,禁止用于非法途径,如发现本网站上有侵权的文章请联系我们,我们会尽快删除;
本站不对站点内容准确性、完整性和真实性作任何承诺,由此产生的后果本站不承担任何责任,对以上引起的一切法律纠纷本站无权利承担。