{site_name}

{site_name}

🌜 搜索

HTML5事件是在HTML5中定义的一组与网页元素交互相关的事件

前端 𝄐 0
html5空格标签,html5的扩展名有哪些,html5新特性有哪些,html5用什么软件,html5解决了移动电子商务中的什么问题,html5+css3网页设计基础教程第三版
HTML5事件是在HTML5中定义的一组与网页元素交互相关的事件。当用户与网页进行交互时(如鼠标点击、键盘敲击、窗口大小调整等),这些事件会触发,从而可以在JavaScript代码中编写对应的响应处理函数来做出相应的动作。

以下是一些常见的HTML5事件及其使用示例:

1. click:鼠标单击事件。
html
<button onclick="alert('Hello world!')">Click me!</button>


2. keydown:键盘按下事件。
html
<input type="text" onkeydown="console.log(event.key)">


3. submit:表单提交事件。
html
<form onsubmit="alert('Form submitted!')">
<label>Name:</label>
<input type="text">
<button type="submit">Submit</button>
</form>


4. load:页面加载完成事件。
html
<body onload="console.log('Page loaded.')">
...
</body>


5. resize:窗口大小改变事件。
html
<script>
window.onresize = function() {
console.log('Window resized.');
};
</script>