如何为大连的小学校园创建一个专业的门户网站来吸引学生和家长?
摘要:大连餐饮网站建设,小学校园门户网站建设方案,wordpress搜索400,服务号微网站怎么做的HTML 事件是发生在 HTML 元素上的事情。 当在 HTML 页面中使用 JavaScript 时, JavaS
大连餐饮网站建设,小学校园门户网站建设方案,wordpress搜索400,服务号微网站怎么做的HTML 事件是发生在 HTML 元素上的事情。
当在 HTML 页面中使用 JavaScript 时#xff0c; JavaScript 可以触发这些事件。
Html事件
HTML 事件可以是浏览器行为#xff0c;也可以是用户行为。
以下是 HTML 事件的实例#xff1a;
HTML 页面完成加载HTML input 字段改变…HTML 事件是发生在 HTML 元素上的事情。
当在 HTML 页面中使用 JavaScript 时 JavaScript 可以触发这些事件。
Html事件
HTML 事件可以是浏览器行为也可以是用户行为。
以下是 HTML 事件的实例
HTML 页面完成加载HTML input 字段改变时HTML 按钮被点击
通常当事件发生时你可以做些事情。
在事件触发时 JavaScript 可以执行一些代码。
事件绑定的方式
方式1直接把事件绑定在HTML元素上
button onclickshow(hello)一个按钮/buttonfunction show(str) {alert(点击事件执行了str);}
方式2使用代码来绑定事件
bodyulli classaa01/lili classaa02/lili classaa03/lili classaa04/lili classaa05/li/ul/bodyscriptlet a document.getElementsByClassName(aa);a[0].onclick function() {alert(第一个执行了);}/script
方式3绑定事件 input typebutton value我的按钮 idbtnlet btn document.getElementById(btn);var funfunction() {alert(按钮被点击了);}btn.addEventListener(click, fun);
事件解绑
button idbtn一个按钮/buttonvar bfunction() {alert(222222)
}
btn.addEventListener(click,b)btn.removeEventListener(click,b);
常见的Html事件
焦点事件
针对表单项
onfocus 获取焦点
onblur 失去焦点
oninput 表单中内容发生变化时就触发
bodyinput typetext nameusername value请输入用户名 onfocusshow1() oninputshow3()span idsp/span/bodyscriptfunction show1() {document.getElementsByName(username)[0].value; //获取焦点时 输入框变为空}function show3() {console.log(边输入边校验);let input document.getElementsByName(username)[0];let content input.value;let regx/^[a-z]{6,16}$/i;let flag regx.test(content);let sp document.getElementById(sp);if(flag){input.style.border 2px solid green;sp.innerHTML b stylecolor: green格式正确/b;}else {input.style.border 2px solid red;sp.innerHTML b stylecolor: red格式错误/b;}}/script
键盘事件
* onkeydown 某个键盘按键被按下。不区分键码的大小写
* onkeypress 某个键盘按键被按下并松开。区分键码的大小写 a 97 A 65
* onkeyup 某个键盘按键被松开。
