几种事件属性用法的相关介绍

程序员文章站 2022-05-30 20:18:53

...

当鼠标指针移动到图像上时执行一段 JavaScript：

<img onmousemove="bigImg(this)" src="smiley.gif" alt="Smiley">

定义和用法

onmousemove 属性在鼠标指针移动到元素上时触发。

注释：onmousemove 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

HTML 4.01 与 HTML5 之间的差异：无。

语法

<element onmousemove="script">

属性值值描述

script onmousemove 发生时运行的脚本。

当 <input> 元素内的文本被选中后执行一段 JavaScript：

<input type="text" onselect="showMsg() value="Hello world!">

定义和用法

onselect 属性在元素中的文本被选中时触发。

onselect 属性可用于以下元素内：<input type="file">、<input type="password">、<input type="text">、<keygen> 以及 <textarea>.

HTML 4.01 与 HTML5 之间的差异

无。

语法

<element onselect="script">

属性值值描述

script onselect 发生时运行的脚本。

实例

当用户按键时执行一段 JavaScript：

定义和用法

onkeypress 属性在用户（在键盘上）按键时触发。

提示：相对于 onkeypress 事件的事件次序：

注释：在任何浏览器中，onkeypress 事件不会被所有按键触发（例如 ALT、CTRL、SHIFT、ESC）。

注释：onkeypress 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

HTML 4.01 与 HTML5 之间的差异

无。

语法

<element onkeypress="script">

以上就是几种事件属性用法的相关介绍的详细内容，更多请关注其它相关文章！

CSS3 Flexbox中flex-shrink属性的用法示例介绍