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 浏览器已完成页面的加载

后记

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

相关推荐
江城开朗的豌豆3 分钟前
在写vue公用组件的时候,怎么提高可配置性
前端·javascript·vue.js
江城开朗的豌豆4 分钟前
Vue路由跳转的N种姿势,总有一种适合你!
前端·javascript·vue.js
江城开朗的豌豆4 分钟前
Vue路由玩法大揭秘:三种路由模式你Pick谁?
前端·javascript·vue.js
江城开朗的豌豆5 分钟前
Vue路由守卫全攻略:给页面访问装上'安检门'
前端·javascript·vue.js
尘浮72812 分钟前
60天python训练计划----day59
开发语言·python
前端 贾公子13 分钟前
monorepo + Turborepo --- 开发应用程序
java·前端·javascript
江城开朗的豌豆17 分钟前
Vue路由传参避坑指南:params和query的那些猫腻
前端·javascript·vue.js
十里青山25 分钟前
超好用的vue图片预览插件更新啦,hevue-img-preview 7.0.0版本正式发布,支持vue2/vue3/移动/pc,增加缩略图、下载、自定义样式等
前端·javascript·vue.js
lichenyang45334 分钟前
css模块化以及rem布局
前端·javascript·css
奇文怪式35 分钟前
VSCode+arm-none-eabi-gcc交叉编译+CMake构建+OpenOCD(基于Raspberry Pico RP2040)
arm开发·ide·vscode·rp2040