首页 > 其他分享 >当鼠标滑过文本框自动选中输入框内容JS代码

当鼠标滑过文本框自动选中输入框内容JS代码

时间:2023-05-31 19:03:47浏览次数:30  
标签:function obj 代码 文本框 当鼠标 输入框 选中 自动


代码:

<html>
<head>
<title>响应鼠标自动选中文本框内容</title>
</head>
<body>
<input id="a" type="text" value="请输入搜索词" οnmοuseοver="selectInputContent(this.id)"/>
<script type="text/javascript">
function selectInputContent(n){
	 obj =document.getElementById(n);
	 obj.focus();
	 obj.select();
}
</script>
</body>
</html>

 

 

标签:function,obj,代码,文本框,当鼠标,输入框,选中,自动
From: https://blog.51cto.com/u_16146153/6388991

相关文章

  • 【2023最新】谷歌账号登陆提示正在通过短信自动验证没有输入框一片空白,多次尝试出现异
    2022在谷歌商店登陆谷歌账号,遇到卡在手机号验证上,谷歌提示正在通过短信自动验证您的电话号码,这可能需要几分钟时间……但是手机上已经收到了谷歌的验证码,却无法进行下一步,页面一片空白没有出现输入框,这是怎么回事?没有下一步可以输入验证码的地方出现,一直停在下图正在验证的界面上。......
  • CSS文本框输入法自动切换
    <html><inputid="test1"name="test1"style="ime-mode:disabled"></input><inputid="test2"name="test2"style="ime-mode:active"></input><inputid="test3&......
  • 对element Table表格中的el-input输入框输入的数值进行自定义校验
           参考:https://blog.csdn.net/weixin_48145150/article/details/125292650      https://blog.csdn.net/m0_59951344/article/details/119818786......
  • 解决浏览器input文本框显示账号密码问题
    系统里有个搜索框,搜索框是inputtype="text"的标签,不知为何,始终会显示登录后的用户名在里面。虽然浏览器开启了自动填充,但是这个文本框的name也不是登录框的name,也不是密码框,但是依然自动填充了。这个问题困扰了我很久。可能是浏览器的bug?尝试了多种方法都无法解决,后来经过研究......
  • jS 输入框限制
    <input  onkeypress ="return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46"    onpaste ="return !clipboardData.getData('text').match(/\D/)"    ondragenter ="return false"    style=&quo......
  • 【Antd】表单调整输入框对齐方式:
    constformItemLayout={labelCol:{//左边文字xs:{span:24},sm:{span:6},},wrapperCol:{//右边输入框xs:{span:24},sm:{span:16},},};consttailFormItemLayout={wrapperCol:{xs......
  • 跳转页面input输入框自动聚焦,兼容安卓和ios
    需求是这样:点击某个页面或某个页面的模块,跳转到带搜索的子页面,并且自动弹出手机软键盘。长话短说,代码://封装一个自动聚焦的函数,兼容ios和安卓constautofocusFn=()=>{constdoc=documentconstinput=doc.querySelector('#hide-focus-input')letdom=null......
  • react echarts tooltip 区域新加一个输入框,可以编辑保存数据
     //demo页面//需求:产品要求在折线图的tooltip上新加一个输入框,可以编辑这个输入框保存备注信息,需要两种交互方式:1.鼠标滑过展示备注信息。2.鼠标点击某一个日期时,鼠标可以滑到tooltip上做保存/编辑操作。//思路:1.保留初始鼠标滑过echarts图效果。//2.主要难点是点击时to......
  • uniapp自定义开发一个文本输入框
    开发component中的一个input标签一、在原来的模块上面创建一个新的类TestComponent1.新建TestComponent2.配置json文件二、uniapp准备工作1.在uniapp中写一下刚刚创建的输入框2.打包导出资源3.资源替换复制刚刚生成的本地资源文件夹到AndroidStudio项目中......
  • 直播网站源码,安卓防止输入框自动弹出
    直播网站源码,安卓防止输入框自动弹出可以在edittext的父布局结构中(例如LinearLayout,RelativeLayout等)添加  android:focusable="true" android:focusableInTouchMode="true"​以上就是直播网站源码,安卓防止输入框自动弹出,更多内容欢迎关注之后的文章 ......