1.Javascript-JavaScript事件

题记

javascript事件的用法

HTML 事件是发生在 HTML 元素上的事情。

HTML 元素中添加事件属性

也可以是双引号

<元素名 事件名='JavaScript 代码'>

实例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>none</title>

</head>

<body>

<button οnclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>

<p id="demo"></p>

</body>

</html>

修改自身元素的实例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>none</title>

</head>

<body>

<button οnclick="this.innerHTML=Date()">现在的时间是?</button>

</body>

</html>

常用实例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>none</title>

</head>

<body>

<p>点击按钮执行 <em>displayDate()</em> 函数.</p>

<button οnclick="displayDate()">点这里</button>

<script>

function displayDate(){

document.getElementById("demo").innerHTML=Date();

}

</script>

<p id="demo"></p>

</body>

</html>

常见事件

onchange HTML 元素改变

onclick 用户点击 HTML 元素

onmouseover 鼠标指针移动到指定的元素上时发生

onmouseout 用户从一个 HTML 元素上移开鼠标时发生

onkeydown 用户按下键盘按键

onload 浏览器已完成页面的加载

后记

觉得有用可以点赞或收藏!

相关推荐
ohMyGod_1231 小时前
React16,17,18,19新特性更新对比
前端·javascript·react.js
@大迁世界1 小时前
第1章 React组件开发基础
前端·javascript·react.js·前端框架·ecmascript
Hilaku1 小时前
从一个实战项目,看懂 `new DataTransfer()` 的三大妙用
前端·javascript·jquery
爱分享的程序员1 小时前
前端面试专栏-算法篇:20. 贪心算法与动态规划入门
前端·javascript·node.js
我想说一句1 小时前
事件委托与合成事件:前端性能优化的"偷懒"艺术
前端·javascript
爱泡脚的鸡腿1 小时前
Web第二次笔记
前端·javascript
Dream耀1 小时前
React合成事件揭秘:高效事件处理的幕后机制
前端·javascript
洋流1 小时前
0基础进大厂,第12天:ES6语法基础篇
javascript
I'm写代码1 小时前
el-tree树形结构笔记
javascript·vue.js·笔记
到底起什么网名才能不重名2 小时前
使用各种CSS美化网页
前端·css·vscode·bootstrap·html