首页 > 其他分享 >使用onblur属性让input标签保持焦点

使用onblur属性让input标签保持焦点

时间:2023-10-01 11:23:30浏览次数:33  
标签:onblur 焦点 focus 标签 input 属性

做一个类似命令行的功能,输入用input标签,得保持焦点,弄了半天才成功

思路如下:

  1. input标签内使用属性onblur (失去焦点时触发代码)
  2. onblur触发javascriptfocus函数,找回焦点

实际操作:
在你想保持焦点的input标签上加上: onblur="this.focus();console.log('refocus!')"
如这样:

<input type="text" onblur="this.focus();console.log('refocus!')" />

标签:onblur,焦点,focus,标签,input,属性
From: https://www.cnblogs.com/enall/p/keepTheInputTagInFocus.html

相关文章

  • QLabel标签组件
     1、介绍QLabel,标签组件。可以设置文本,也支持设置图片。2、文本setText(self,a0:str)设置显示文本,一般是设置直接文本支持设置html的文本值,会进行解析并显示。支持font和p等标签,多个空白符会合并为单个空格显示,<br>和其它换行效果会支持显示text(self)->str获取显......
  • STATA 值标签应用
    used:\statashu\cfps\cfps2018person_202012.dta,cleargen父母职业地位=int(qga401code/10000)labeldefinexx1"党政/事业/企业负责人"2"专业技术人员"3"办事人员"4"商业服务人员"5"生产工人"6"农业生产者"labelvalues父母职业地位xx......
  • y轴标签与柱状图样色统一 echarts
    option={title:{text:'WorldPopulation'},tooltip:{trigger:'axis',axisPointer:{type:'shadow'}},legend:{},grid:{left:'3%',right:'4%',b......
  • HTML中的常见标签
    HTML中的常见标签<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content=&q......
  • 基于vue封装的Tag标签双击编辑单击选中可删除
    ......
  • 给tbody标签设置高度
    给tbody标签设置高度/max-height通过搜索得到三种方法1.在tbody上使用CSS设置高度,并给tbody设置"display:block;"属性。2.将tbody的内容放入一个div中,并设置div的高度。3.动态设置tbody的高度。使用方法1:`tbody{display:block}`此时可以给tbody设置......
  • a标签打开文档有问题,增加target="_parent" 属性就好了
    以上是问题截图,点击a标签的时候提示的,看起来是js问题,但是没报错,引用也没问题。后来增加target="_parent"属性就好了。 ......
  • HTML <a> 标签的 target 属性
    https://www.w3school.com.cn/tags/att_a_target.asp<a>标签的target属性规定在何处打开链接文档。打开新窗口:<ahref="pref.html"target="view_window">Preface</a>在框架中打开窗口:<framesetcols="100,*"><framesrc="toc.h......
  • 前端a标签下载文件
    问题描述:后端直接返回牵牛的文件储存地址,前端想自定义下载文件的名称不成功解决办法:转为get请求,将返回值改为blod格式/***用于后端直接返回url牵牛下载地址并且需要自定义下面文件名称*@param{请求参数}data{url,fileName}*/vardownload=function(url,fil......
  • 流量治理的基石——基于字节码增强的全链路流量标签透传
     作者:李来   华为云高级软件工程师一、全链路流量标签透传在微服务架构中,流量标签用于对流量进行标记和分类,能够在微服务之间实现更精细的路由、负载均衡和流控等流量治理能力。以HTTP报文为例,每一条header都可以是一条流量标签,比如x-sermant-version:v1表示通过Sermant流......