你的位置:首页 > 软件开发 > Java > 【使用 DOM】使用事件

【使用 DOM】使用事件

发布时间:2016-08-17 20:00:16
1. 使用简单事件处理器可以用几种不同的方式处理事件。最直接的方式是用事件属性创建一个简单事件处理器(simple event handler)。元素为它们支持的每一种事件都定义了一个事件属性。举个例子,onmouseover事件属性对应全局事件mouseover,后者会在用户把 ...

【使用 DOM】使用事件

1. 使用简单事件处理器

可以用几种不同的方式处理事件。最直接的方式是用事件属性创建一个简单事件处理器(simple event handler)。元素为它们支持的每一种事件都定义了一个事件属性。举个例子,onmouseover事件属性对应全局事件mouseover,后者会在用户把光标移动到元素占据的浏览器屏幕的上方时触发。(这是一种通用的模式:大多数事件都有一个对应的事件属性,其名称定义为 on<eventname>)

1.1 实现简单的内联事件处理器

使用某个属性最直接的方式是给它指派一组JavaScript语句。当该事件被触发后,浏览器就会执行提供的语句。

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>用内联JavaScript处理事件</title>  <style>    p {background: gray;color:white;padding: 10px;margin: 5px;border: thin solid orange;}  </style></head><body><p onmouseover="this.style.background='white';this.style.color = 'black'">  你承受的苦难并不比他人多太多,痛苦主要来自敏感和脆弱。</p></body></html>

原标题:【使用 DOM】使用事件

关键词:dom

dom
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。