关于JavaScript中的select()与focus()

最新推荐文章于 2024-08-15 19:07:35 发布
最新推荐文章于 2024-08-15 19:07:35 发布
阅读量1w 收藏 7
点赞数 5
分类专栏： Java javascript java web开发 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/helloworlddm/article/details/76977729
版权
java web开发 同时被 3 个专栏收录
63 篇文章 0 订阅
订阅专栏
Java
45 篇文章 0 订阅
订阅专栏
javascript
37 篇文章 0 订阅
订阅专栏

新建test.html页面代码如下：

<html>
<head>
<script type="text/javascript">
function selText()
  {
 // document.getElementById('password1').select()
  document.getElementById('password1').focus()
  }
</script>
</head>
<body>

<form>
<input type="password" id="password1" value="thgrt456" />
<input type="button" onclick="selText()" value="请添加内容" />
</form>

</body>
</html>

运行结果如下图：
这里写图片描述
改为如下代码

<html>
<head>
<script type="text/javascript">
function selText()
  {
  document.getElementById('password1').select()
 // document.getElementById('password1').focus()
  }
</script>
</head>
<body>

<form>
<input type="password" id="password1" value="thgrt456" />
<input type="button" onclick="selText()" value="请添加内容" />
</form>

</body>
</html>

运行结果为：这里写图片描述
从以上的图片很容易看出两者的区别。

helloworddm
关注
专栏目录
javascript小案例-----按键搜索框获得焦点输入内容
weixin_45904557的博客
06-13 621
核心思路:检测用户是否按下了s 键，如果按下s 键，就把光标定位到搜索框里面 使用键盘事件对象里面的keyCode判断用户按下的是否是s键 搜索框获得焦点:使用js里面的 focus()方法
光标事件之focus()与select()
qq_22048949的博客
01-20 2160
对于一般浏览器来说，focus（）可以获取焦点，而select()函数是选择所有内容，如： 但是，360浏览器并不能识别select(),这就需要通过onmouseup(),（当鼠标 按下又抬起）
Element UI中使用el-select的blur事件失效
最新发布
weixin_44867704的博客
08-15 472
解决el-select添加filterable属性后，blur失焦事件失效问题
JavaScript focus(); select();
weixin_30421525的博客
04-29 242
JavaScript focus(); select(); <lable for="gPrice"> 　　<input type="text" value="0.00" name="gPrice" id="gPrice" /> </lable> 　　 var item = document.getElementById('gP...
focus + select
weixin_33907511的博客
11-18 185
focus使光标定位到目标节点之后 select选中光标所在位置的全部内容 转载于:https://www.cnblogs.com/znsongshu/p/6079400.html
focus select
iteye_4972的博客
11-09 118
document.getElementById("passwords").focus(); document.getElementById("passwords").select();     &lt;body bgcolor="#FFFFFF" topmargin="0" marginheight="0" leftmargin="0" marginwidth="
JavaScript select()方法
loveweiqiu的专栏
08-01 5065
JavaScript select()方法选择文本框中的所有文本 和两种文本框都支持select()方法，这个方法用于选择文本框中的所有文本。在调 用select()方法时，大多数浏览器都会将焦点设置到文本框。这个方法不接受参数，可以在任何时候调用。下面来看一个例子： var textbox = document.forms[0].elements["textbox1"]; textbox.
javascript 中select框触发事件过程的分析
10-19
在JavaScript中，`<select>`元素是用于创建下拉列表的HTML标签，它支持多种事件，可以帮助开发者在用户与下拉列表交互时执行相应的处理。本文将深入分析`<select>`框触发事件的过程。 首先，我们需要了解一些基本的...
jquery通过扩展select控件实现支持enter或focus选择的方法
11-22
在这两行代码中，`#selcon`和`#selcon2`是`select`元素的选择器，`enter`和`focus`方法分别被应用到这两个元素上，赋予它们不同的选择行为。 最后，作者将所有方法封装在一个匿名函数中，并使用`jQuery.fn.extend`...
关于jquery中动态增加select,事件无效的快速解决方法
10-21
值得注意的是，`live`方法并不完全支持所有的JavaScript事件，而在jQuery 1.4.1之后，它开始支持更多的事件类型，包括`focus`和`blur`。此外，`live`方法并不适用于通过DOM遍历方法（如`next()`、`prev()`等）获取的...
select2 focus
08-23
关于您的问题 "select2 focus"，我理解您想询问关于 Select2 插件的 focus 方法。 Select2 是一个功能强大的下拉选择框插件，它提供了许多交互和样式定制选项。在 Select2 中，要设置焦点到一个特定的下拉选择框，...
select 标签 option focus 默认样式修改
然后他就拿棍子来打我
01-19 2120
本文介绍了如何修改标签的默认样式，包括option背景色和字体，以及处理单选和多选下option在聚焦状态下的样式，同时关注了浏览器兼容性问题的解决方法。
js怎么获取下拉框值的焦点_在组合框中获取所有值的结果
IT与开发人员的地盘
07-10 859
js怎么获取下拉框值的焦点 介绍 数据库执行的一个非常常见的功能是能够从组合框/列表框中进行选择，并基于该选择打开报表或表单。 例如，您可能有一个组合框，其中列出了数据库中的所有公司。 您选择一个，并找到所选公司未完成的所有服务请求。 这很简单。 但是，如果您想查找所有公司的所有出色服务要求怎么办？ 我已经做了几次，但是我发现了一种我认为更干净的新方法。 步骤1：在组合框中获取所有选项 过...
Vue3选择器（Select）
热门推荐
Mr Dear的博客
03-31 1万+
下拉选择器组件，支持禁用、禁用选项、清除、搜索、自定义过滤函数、自定义选项字段名、自定义下拉面板数、自定义下拉面板滚动条、自定义样式等。总之，功能丰富，简单易用😁😁
解决远程搜索select框focus()聚焦后无光标无法输入的问题
weixin_44235736的博客
09-25 2528
解决远程搜索select框focus()聚焦后无光标无法输入的问题 实测antd和elementUI通用（需求为全键盘操作） html内容 <a-select ref="searchSelectRef" show-search > <a-select-option v-for="(d, index) in list" :key="index" :value="d.id"> {{ d.name }} </a-select-option> </a-select&
select点击option获取文本输入框的焦点事件
weixin_34075551的博客
09-21 891
HTML文件: &lt;select id="secOrderNum" style="margin-bottom:10px;width:90px;" data-options="required:true}"&gt; &lt;/select&gt;   JS文件： $('.combobox-item').click(function (event) { $('#secOrde...
java输入性别_JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)...
weixin_36299790的博客
02-12 1485
问题：表单怎么在输入后立即验证，而不是提交后再验证那么不方便(网上搜到的要么是模棱两可，要么是残缺不全…)方法：鉴于此，加上我个人的理解(注释)在上面。截图：代码：用户注册//及时验证用户名function checkuse(){//在每个函数中定义check变量是为了在表单提交后，能够逐个验证每个函数是否通过，很好很好。(以下同理)var check;var username = documen...
【无标题】
weixin_48698539的博客
07-11 717
element ui select
HTML DOM select() 方法
Welcome to my blog
03-02 201
定义和用法 select() 方法用于选取密码域中的文本。语法passwordObject.select()实例 下面的例子可选取密码域中的文本：&lt;html&gt;&lt;head&gt;&lt;script type="text/javascript"&gt;function selText()  {  document.getElementById('password1').sele...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

helloworddm

你的鼓励是我创作最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值