javascript之表单事件1

表单获取焦点

语法

DOM对象.onfocus

javascript 复制代码
username.onfocus=function()
        {
            console.log("表单获取焦点")
            username.classList.add("border")
        }

表单失去焦点

语法

DOM对象.onblur

javascript 复制代码
username.onblur=function()
        {
            console.log("表单失去焦点")
            username.classList.remove("border")
        }

域的内容发生改变,适合文件选择器和下拉列表

语法

对象.onchange

javascript 复制代码
 document.getElementById("programming").onchange=function()
        {
            console.log("爱好发生改变")
        }
相关推荐
jerryinwuhan2 小时前
基于各城市站点流量的复合功能比较
开发语言·php
UXbot2 小时前
AI原型设计工具如何支持团队协作与快速迭代
前端·交互·个人开发·ai编程·原型模式
迈巴赫车主2 小时前
Java基础:list、set、map一遍过
java·开发语言
ZC跨境爬虫3 小时前
跟着MDN学HTML_day_48:(Node接口)
前端·javascript·ui·html·音视频
南 阳3 小时前
Python从入门到精通day66
开发语言·python
PieroPc4 小时前
CAMWATCH — 局域网摄像头监控系统 Fastapi + html
前端·python·html·fastapi·监控
十八旬4 小时前
快速安装ClaudeCode完整指南
开发语言·windows·python·claude
前进的李工5 小时前
EXPLAIN输出格式全解析:JSON、TREE与可视化
开发语言·数据库·mysql·性能优化·explain
Byron Loong5 小时前
【c++】为什么有了dll和.h,还需要包含lib
java·开发语言·c++
巴巴博一5 小时前
2026 最新:Trae / Cursor 一键接入 taste-skill 完整教程(让 AI 前端告别“AI 味”)
前端·ai·ai编程