js控制输入框获得和失去焦点时状态显示的方法
本文实例讲述了js控制输入框获得和失去焦点时状态显示的方法。分享给大家供大家参考。具体实现方法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>边框变色</title> <style type="text/css"> <!-- .SearchKeyword {border:1px solid #797A75;width: 202px;color: #CDCDCD;font-size:12px;} .SearchKeywordonFocus {border:1px solid #ABCD3A;width: 202px;color: #000000;font-size:12px;} --> </style> <script language="javascript"> function keywordfocus() { if (document.formSearch.keyword.value == '请输入关键字') { document.formSearch.keyword.value = ''; document.formSearch.keyword.className = 'SearchKeywordonFocus'; } } function keywordblur() { if (document.formSearch.keyword.value == '') { document.formSearch.keyword.value = '请输入关键字'; document.formSearch.keyword.className = 'SearchKeyword'; } } </SCRIPT> </head> <body> <form id="formSearch" name="formSearch" method="post" action=""> <input type="text" name="keyword" class="SearchKeyword" value="请输入关键字" onFocus="keywordfocus();" onBlur="keywordblur();" /> </form> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
-
我正在编写文本输入，并在事件中调用，因此React重新呈现我的UI。问题是文本输入总是失去焦点，所以我需要为每个字母重新聚焦：D。
-
问题内容： 我正在制作动态表格。一个有值的列表。每个值由一个字符串表示。 我的组件中有一个函数，可以向该字段添加新值。 值和按钮在我的HTML中这样显示。 一旦我在值的输入中写入一些文本，输入就会失去焦点。如果我在一个字段中添加了多个值，并且在一个输入值中写入了一个字符，则该输入将失去焦点，并且该字符将写入每个输入中。 问题答案： 当数组是原始类型（在您的情况下是数组）时，会发生这种情况。这可以通
-
我遇到了一个奇怪的错误，我的搜索输入组件，它失去了对每个按键的关注，不知道为什么。 我还得到了一个
-
本文向大家介绍JS使用正则表达式判断输入框失去焦点事件，包括了JS使用正则表达式判断输入框失去焦点事件的使用技巧和注意事项，需要的朋友参考一下 效果图 项目的正则表达式规则 1:用户名: 大写字母开头 6-20位字符(不允许有符号但是允许有_) 2:密码 大写开头 数字字母符号混合 8-15位 3:确认密码 大写开头 数字字母符号混合 8-15位 4:邮箱 邮箱格式 5:手机号 手机号格式 6:身
-
我需要实现的效果是，第一个输入框自动获取焦点，点回车后，验证内容，通过则解除第二个输入框禁止状态并聚焦 出现问题：第二个聚焦了但是直接又失焦了
-
flutter TextField输入框prefix和suffix如何不获取焦点也能显示？ 我有一个手机验证码登录的页面，手机号前面默认显示+86，验证码输入框后面默认显示获取验证码？使用prefix和suffix都必须获取焦点才能显示，请问如何能实现这个需求。