js3——表格下拉
2024-10-20 05:21:38
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>常见事件</title>
</head>
<body>
<form action="#" id="form" onclick="checkForm();">
<input type="text" id="username">
<select id="city">
<option>--请选择城市列表--</option>
<option>广州</option>
<option>上海</option>
<option>西安</option>
</select>
<input type="submit" value="提交">
</form>
<script>
/*
1、失去焦点事件 离焦事件
document.getElementById("username").onblur=function () {
alert("失去焦点了");
2、加载完成事件 onload } **/
/*window.onload=function () {
document.getElementById("username").onblur=function () {
alert("失去焦点了");
}
//3、绑定鼠标移动到元素之上事件
document.getElementById("username").onmouseover=function () {
alert("鼠标来了");
}
//4、绑定鼠标点击事件 定义方法时,定义一个形象,接受event对象
//定义方法时 定义以恶形参,接受event对象
//event对象的button属性可以获取鼠标按钮键被点击
//event对象的button
//
document.getElementById("username").onmousedown=function () {
alert("鼠标点击了"); }
//4-1
document.getElementById("username").onmousedown=function (event) {
alert(event.button);
}
document.getElementById("username").onchange=function (event) {
alert("改变了。。");
}
document.getElementById("city").onchange=function (event) {
alert("改变了。。");
}
//表单事件 1、onsubmit 确认按钮被点击 *可以阻止表单的提交 2、onreset 重置按钮被点击
}
document.getElementById("form").onsubmit=function () {
//校验用户名格式是否正确
var flag=false;
return flag;
}/*/
function checkForm() {
return false;
}
</script>
</body>
</html>
最新文章
- ELF Format 笔记(十四)—— 段内容
- JavaScript资源大全
- LintCode ";Backpack";
- 通过email分享
- 学习笔记_Java get和post区别(转载_GET一般用于获取/查询资源信息,而POST一般用于更新资源信息)
- HDOJ(HDU) 1860 统计字符
- IO流中的Stream相关对象
- 内嵌tomcat启动速度慢
- 想晋级高级工程师只知道表面是不够的!Git内部原理介绍
- jQuery基础之二
- python datetime 模块
- mysql8.0.4以后修改密码方式变更
- Maven项目中的配置
- EF Core 入门
- ORACLE检查死锁
- JAVA高并发线程
- 小议linux
- USACO 1.4.2 Mother&#39;s Mil 母亲的牛奶(DFS)
- &;quot;围观&;quot;设计模式(2)--里氏替换原则(LSP,Liskov Substitution Principle)
- mysql8.0 安装 修改密码 允许远程连接
热门文章
- CSPS模拟 79
- COO 与 CSR 稀疏矩阵存取格式;
- 【IOS开发学习—OC篇】
- mysql group by使用方法注意
- zabbix 4.2 的安装和设置(mysql57----centos7)
- glsl shader简明教程系列1
- 【algo&;ds】【吐血整理】4.树和二叉树、完全二叉树、满二叉树、二叉查找树、平衡二叉树、堆、哈夫曼树、B树、字典树、红黑树、跳表、散列表
- C#winfrom打开指定的文件
- 将 /u 转变为 utf-8 编码
- Spring Boot2 系列教程(二十六)Spring Boot 整合 Redis