输入关键字失去焦点后重新获得

最新推荐文章于 2021-02-13 02:01:30 发布

bonlog

最新推荐文章于 2021-02-13 02:01:30 发布

阅读量830

点赞数

分类专栏： PHP 文章标签： input

本文链接：https://blog.csdn.net/bonlog/article/details/7385895

版权

PHP 专栏收录该内容

60 篇文章 0 订阅

订阅专栏

<input type="text" name="account" value='输入关键字' onFocus="if(this.value=='输入关键字'){this.value=''}" οnblur="if(this.value==''){this.value='输入关键字'}"/>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

bonlog

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

js控制输入框获得和失去焦点时状态显示的方法

10-24

`<form>`元素用于收集用户输入的数据，通过其属性`action`...通过上述知识点的介绍，我们能够理解js如何通过操作输入框的获得和失去焦点状态来控制不同样式的显示，并知道这对于提供更好的用户交互体验是十分有用的。

Javascript实现一个简单的输入关键字添加标签效果实例

11-28

3. **输入关键字后，鼠标失去焦点添加tag标签**：当用户在输入框中输入关键词后，不再聚焦（例如点击别处或按Tab键）时，输入的关键词应自动转化为标签。为了实现这些功能，我们可以编写一个JavaScript对象，例如`...

参与评论您还未登录，请先登录后发表或查看评论

文章的关键字获得焦点显示提示内容，关键字失去焦点隐藏提示内容

爱笑的天使

04-05

837

一般文章中都会有些术语或者概念较深刻的词，大家看不懂。很多人都会选择给这些关键字加个超链接，跳到另一个页面查看他的内容，从SEO的角度看有利，但这样其实很不友好。本文教大家一个方法：给超链接加个注释信息，鼠标获得焦点显示提示信息，鼠标失去焦点，隐藏该提示信息。很方便的喔~ 以下是脚本内容： type="text/javascript"> //显示提示内容 functio

java获得焦点事件_java焦点事件

weixin_31440583的博客

02-13

545

importjava.awt.*;importjavax.swing.*;publicclassMyFirstextendsJFrame{publicMyFirst(){setTitle("追梦解方程器V1.0测试版");setLayout(null);setBounds(380,50,650,800);Booleanb...import java.awt.*;import javax.swing...

input 输入框获得/失去焦点时隐藏/显示文字(jquery版)

10-27

本文将讨论如何使用jQuery来实现一个常见的功能：当`input`输入框获得焦点时隐藏默认文字，失去焦点且未输入内容时恢复默认文字。首先，传统的实现方式是在HTML标签中直接内联JavaScript事件处理函数，例如`...

文本框点击时文字消失，失去焦点时文字出现

09-06

当文本框失去焦点（例如用户点击了别处或者按下回车键）时，如果用户没有输入任何内容，提示文字又会重新出现。这种功能在搜索框中尤其常见，例如提示用户“请输入搜索关键字”。在提供的代码中，实现了这样一个...

失去焦点即隐藏按钮

jounwang的博客

04-19

587

/**当文本框获取焦点时显示按钮获取弹出数据，但是当文本框失去焦点时立刻隐藏按钮。但是要排除用户点击按钮时的情况。 document.activeElement.id 获取当前获得焦点的控件对象 **/ $("#intput").blur(function(){ if(document.activeElement.id!="btn_name"){ $("#btn_name")...

输入框获取焦点到离开焦点发生了什么

前端产品工程师

12-14

2837

1、过程 onfocus -> 键盘输入 -> onkeydown -> onkeypress -> onkeyup -> oninput -> 失去焦点 -> onchange -> onblur function handleFocus (event) { console.log('onfocus事件', 'value='...

jquery 输入框失去焦点时 (blur)事件

热门推荐

qq_27361945的博客

05-08

3万+

jquery判断input输入框的值，用到input事件，blur事件，focus事件需求：当输入框有字或者正在输入时，右边的圆形取消按钮才出现。否则不出现。 //输入框正在输入时 $("#ipt").on('input',function(){ if(!($('#ipt').val()=='')){ ...

EditText获取焦点失去焦点监听，获取焦点操作

金鳞化龙的博客

10-02

2万+

又是我们开发的时候回碰到想要获取EditText的获取焦点状态从而实现一些操作。实现方法也很简单、那就是绑定OnFocusChangeListener事件、实现onFocusChange(View v, boolean hasFocus) 方法、第二个参数就是判断得到焦点或失去焦点、从而实现我得想要的效果、代码如下EditText searchView = (EditText) findView

Activity 中点击Button 让 Editext 失去焦点 Button 点击两下解决方案

Code Issuer的博客

12-15

3318

好久不写blog了，今天就记录下一个小问题吧。如标题：一个界面中有一个Editext ，一个Button 如何点击Button让Editex失去焦点。直接上代码 xml 布局： <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="h

密码框失去焦点且为空时显示汉字“密码”、获取焦点时输入内容显示为密码“**********”的实现方法...

weixin_30814319的博客

02-27

428

想要达到的效果：失去焦点时：选中输入时时：通过js动态改变input 的type的属性：网上已经有相关资料了。这里做一下笔记。原文章地址：http://www.jb51.net/article/43140.htm <input name=”password” type=”password” id=”password” class=”input” style=”dis...

单击文本框显示隐藏提示文本，失去焦点时再显示提示文本

u010705091的专栏

09-29

2026

input placeholder="账号" onfocus="this.placeholder='账号'" onblur="this.placeholder='账号'"/>

Java之组件获取焦点的三个方法

weixin_45320238的博客

06-27

4010

获取焦点： 1.userSaveButton.setFont(new Font("宋体", Font.BOLD,FOTN_SIZE)); 2.userAddButton.setFocusable(true); 3.public void paint(Graphics g) {userAddButton.repaint();}//使用重画当对象被共享建议使用静态对象 ...

uniapp自定义点击输入框显示下拉框，在输入框中输入关键字下拉框数据筛选出对应的数据，点击下拉框中的值输入框中的值变成对应的值，怎么做成组件，提供代码示例

最新发布

05-30

可以使用 uni-app 中的自定义组件来实现该需求。下面是一个简单的示例： 1. 在 `components` 目录下创建一个名为 `dropdown` 的文件夹，并在该文件夹中创建以下文件： `dropdown.vue`： ```vue <template> <div class="dropdown"> <input type="text" v-model="keyword" @focus="showList = true" @blur="onBlur" @input="filterList"> <ul v-show="showList"> <li v-for="(item, index) in filteredList" :key="index" @click="onSelect(item)">{{ item }}</li> </ul> </div> </template> <script> export default { props: { list: { type: Array, required: true } }, data() { return { keyword: '', showList: false } }, computed: { filteredList() { return this.list.filter(item => item.includes(this.keyword)) } }, methods: { onSelect(item) { this.keyword = item this.showList = false this.$emit('select', item) }, filterList() { this.showList = true }, onBlur() { setTimeout(() => { this.showList = false }, 200) } } } </script> <style scoped> .dropdown { position: relative; } ul { position: absolute; top: 100%; left: 0; margin: 0; padding: 0; list-style: none; border: 1px solid #ccc; background-color: #fff; } li { padding: 4px 8px; cursor: pointer; } li:hover { background-color: #f0f0f0; } </style> ``` 2. 在父组件中使用 `dropdown` 组件，并传入需要显示的下拉列表数据： ```vue <template> <div class="container"> <h1>Dropdown Component Example</h1> <dropdown :list="options" @select="onSelect"></dropdown> <p>Selected Value: {{ selectedValue }}</p> </div> </template> <script> import Dropdown from '@/components/dropdown.vue' export default { components: { Dropdown }, data() { return { options: ['apple', 'banana', 'cherry', 'date', 'elderberry'], selectedValue: '' } }, methods: { onSelect(value) { this.selectedValue = value } } } </script> <style> .container { max-width: 800px; margin: 0 auto; padding: 20px; } </style> ``` 在上述代码中，我们使用 `v-model` 指令将输入框的值绑定到 `keyword` 数据属性上。在输入框获得焦点和失去焦点时，分别设置 `showList` 属性为 `true` 和 `false`，以控制下拉列表的显示和隐藏。在输入框输入内容时，使用 `computed` 计算属性过滤出符合条件的列表项。在用户选择下拉列表项时，将选中的值传递给父组件，同时将输入框的值设为选中的值，并隐藏下拉列表。注意：这只是一个简单的示例，实际项目中需要根据实际需求进行修改和完善。