js:聚焦和失焦事件示例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>4.聚焦和失焦</title>
</head>
<body><div>用户名: <input type="text" name="userName" onfocus="testFocus(this)" onblur="testBlur(this)"></div><div id="msg"></div>
</body>
<script>//聚集:当光标在文本框中,文本框无内容时,提示 "请输入4~12位的用户名" ,文本框中有内容时,显示文本框内容function testFocus(that) {if (that.value){//alert(that.value);document.getElementById("msg").innerHTML = that.value;}else {//alert("请输入4~12位的用户名");document.getElementById("msg").innerHTML = "请输入4~12位的用户名"}}//失焦:当光标离开文本框,文本框中无内容 则提示"用户名不能为空",有内容则显示文本框内容function testBlur(that) {if (that.value){//alert(that.value);document.getElementById("msg").innerHTML = that.value;}else {//alert("请输入4~12位的用户名");document.getElementById("msg").innerHTML = "用户名不能为空"}}
</script>
</html>

js:聚焦和失焦事件示例相关推荐

JS事件失焦事件（onblur）onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。...
失焦事件(onblur) onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序. 如下代码, 网页中有用户和密码两个文本框.当前光标 ...
js blur失焦事件与click点击事件冲突
场景:输入框绑定blur失焦事件,focus后点击按钮,触发了输入框的blur事件,但是按钮点击事件没有触发. 原因:blur失焦事件的优先级比click点击事件高. 解决方法: 1.都触发 blur ...
JS标签的各种事件的举例
1.鼠标单击事件( onclick ) 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv=&quo ...
Libevent-网络服务器事件示例
网络服务器事件示例
js 里面的键盘事件对应的键码
js 里面的键盘事件对应的键码 js 里面的键盘事件经常用到,所以收集了键盘事件对应的键码来分享下: keyCode 8 = BackSpace BackSpace keyCode 9 = Tab T ...
js click 与 onclick 事件绑定,触发与解绑
click 与 onclick 1.onclick 事件会在对象被点击时发生. <input id="btn1" type="button" οnclic ...
JS里的onclick事件
可以通过以下代码了解JS里的onclick事件: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml&quo ...
php vue联动查询,使用vue.js实现联动效果的示例代码
摘要:本篇文章主要介绍了使用vue.js实现联动效果的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧想用vue.js写一个联动效果,按照自己的思路实验了下,并没有 ...
JS高级程序设计笔记——事件（一）
一.事件流假设有如下HTML代码: <!DOCTYPE html> <html> <head><title>Event</title> & ...

js:聚焦和失焦事件示例

js:聚焦和失焦事件示例相关推荐

最新文章

热门文章