html5光标进去默认值消失,html点击input没有出现光标怎么办

最新推荐文章于 2025-04-12 08:01:44 发布
最新推荐文章于 2025-04-12 08:01:44 发布
阅读量1k 收藏
点赞数
文章标签： html5光标进去默认值消失
本文介绍了一种解决HTML5中input元素点击后不显示光标的问题的方法，通过使用jQuery为特定的input元素添加'touchstart'事件，实现点击聚焦从而显示光标。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

5268f80b9b1e01f982625ef6fac83ca1.png

html点击input没有出现光标的解决办法：首先打开相应的HTML文件；然后用jquery写点击出现光标即可，代码如“$('.inputname, .inputphone').on('touchstart',function...)”。

70f65acdcec0f2dbf73950d9ac4349d6.png

本文操作环境：Windows7系统、HTML5、Dell G3电脑。

html5点击input没有出现光标完美解决方案

直接自己用jquery 写点击出现光标$('.inputname, .inputphone').on('touchstart',function () {

$(this).focus();

})

【推荐：HTML视频教程】

HTML 点击输入框没有出现光标怎么办
DevPhantom的博客
10-01 1849
当你在编写网页时，可能会遇到一个问题：当你点击一个输入框（input）时，没有出现光标，导致无法输入内容。在本文中，我将介绍几种可能的原因，并提供相应的解决方案。检查 CSS 样式，确保输入框可编辑，并排除其他可能的干扰因素，这些步骤应该能够帮助你找到并解决问题。如果你在网页中使用了 JavaScript，那么问题可能出现在相关的代码中。首先，确保没有应用任何与光标相关的 CSS 样式，这可能会导致光标无法显示。在某些情况下，输入框可能被设置为不可编辑（readonly），这会导致无法输入内容。
QtQuick QML教程(11)：qml Textinput 、TextField、TextEdit、TextArea用法介绍
琅嬛福地
09-20 811
是 Qt Quick Controls 2 中的一个高级控件，它提供了一个更为完整的用户界面，包括边框、背景、图标等。它是为了更好的桌面和移动设备体验而设计的。元素中，你不能直接设置一个边框属性，因为它主要用于纯文本输入并且没有提供直接的视觉样式。然而，你可以通过组合使用其他元素，如。是 Qt Quick 中的一个简单的文本输入控件，它可以显示和编辑单行纯文本。它是低级别的，通常没有图形化的边框或其他装饰。模块，并确保你的项目配置正确地链接了这个模块。属性提供一个小的内边距，以防止文本紧贴边框。
点击input框不出现光标
weixin_40758850的博客
06-10 7044
从视觉效果上就是让input看起来不像input，只需2步： readonly unselectable=“on” eg: <input class="imitationSelect" type="text" value="中小城市" readonly unselectable="on"> ...
用css隐藏input的光标
最新发布
王铁柱666的博客
04-12 184
然而，需要注意的是，隐藏光标可能会影响用户体验，因为用户可能期望在可编辑的字段中看到光标。因此，在使用此方法时，请确保它符合你的设计目标和用户体验需求。属性来将其设置为透明。不过，请注意，这种方法并不会在所有浏览器中都有效，因为它主要依赖于。元素隐藏光标，你可以使用类（class）或ID来更具体地定位元素。然后，在HTML中，你可以将此类应用于你想要隐藏光标的。元素的光标颜色设置为透明，从而在视觉上隐藏光标。另外，如果你想要更精细地控制哪些。元素的光标，你可以使用CSS的。在前端开发中，如果你想要隐藏。
html5点击input没有出现光标完美解决方案
qq_38472574的博客
06-04 847
html5点击input没有出现光标完美解决方案
移动端点击input不触发光标（原生js）
团酱
03-19 1023
当在移动端的时候，我那边在点击input输入框的时候可以跳转到另一个页面，而不是触发光标，这里就可以在获取焦点的时候让input失去焦点，也可以屏蔽默认键盘弹出 // 失去焦点 var inp = document.querySelectorAll("input") for (let i = 0; i < inp.length; i++) { inp[i].onfocus
html输入框没光标,【报Bug】输入框光标不显示，光标消失，偶尔消失
weixin_39853131的博客
06-09 964
已解决。。setTimeout(function() {openSoftKeyboard();document.querySelector("#username").autofocus = "autofocus";}, 600);function openSoftKeyboard() {if(mui.os.ios) {var webView = plus.webview.currentWebvie...
解决输入框光标不显示
热门推荐
风吹过wu的博客
08-11 1万+
这个不是光标不显示，其实是显示了的，只是光标为白色，背景也为白色，这样就看不出来。解决问题很简单。一行代码。android:textCursorDrawable=”@null”这样光标就和字体的颜色一致了。当然你也可以自己设置光标颜色，这个百度一大堆。
HTML5和CSS3 WEB技术开发
张晨光老师的播客
01-02 7086
B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup
HTML5表单详解
weixin_44196299的博客
10-13 683
HTML表单是页面与WEB服务器交互过程中最重要的信息来源，有了它我们才能在Web上进行各种各样的应用,才能和服务器进行方便快捷的交互，其在网页中的作用不可小视，负责获取用户填写数据，并通过浏览器向服务器传送数据。 一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单的数据所用程序的URL以及数据提交到服务器的方法，表单名等。 语法：<form action="服务器程序URL（提交...
el-input-number默认为0，光标点击后清空
02-11
### 解决 `el-input-number` 组件默认值为 0 并实现点击后自动清空 对于 `el-input-number` 组件，默认情况下即使设置了 `v-model` 的绑定变量为 `undefined` 或者其他非数值类型，组件仍会显示最小值（通常是 0）...
第4章 HTML5表单
XSZL_liaojc的博客
07-09 818
表单在网页设计中用于收集数据。 一、新增的<form>表单属性 1、autocomplete 取值（on/off/空值），规定输入字段是否应该启用自动补全功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。 2、novalidate 用于提交表单时取消整个表单的验证，即关闭对表单的有效性验证，可以单独用于表单中的元素。 二、新增的表单元素 1、<datalist> ...
ios下input不能输入，没有光标的原因及解决办法
ys_healone的博客
09-13 1742
iphone7P输入框选择后无法输入，也没有光标闪烁，说实话觉得这个问题有点莫名其妙了，因为本身我的iphone14没有这个问题也没碰到过这种bug。开发中有时会设置-webkit-user-select: none;，用来阻止用户的选择内容行为，这会导致input无法选择，无法输入。
input输入框光标问题
qq_15509267的博客
01-01 6400
一、问题描述 使用readonly使type=text或type = password的input禁止输入，在谷歌中无光标，且不可输入；在火狐、IE下有光标，且不可输入。 二、问题截图 &lt;input type="text" readonly="readonly"&gt; 谷歌 火狐 IE 结论：IE、火狐下使用readonly属性，尽管可以禁止输入，但是会出现光标...
css设置input不显示光标
weixin_33682790的博客
11-19 3300
把光标颜色设置为透明色和父类一样就看不出来了，就好像取消了caret-color: transparent; 设置了这个属性后，无论如何点击都好像没有光标似的 转载于:https://www.cnblogs.com/renjianjun/p/9984550.html...
VUE3 api方式创建dialog, input没有光标无法输入
qq_39874911的博客
04-05 574
弹出第一层，input是可以正常输入的，在弹出的组件中再弹出一个组件，这时input无法输入，包括原生的<input>也无法输入。
input标签实现让光标不出现！（兼容版）
mrhaoxiaojun的博客
11-24 7072
需求运用input的标签的时候，我不想让光标出现，因为input内容是系统给定的，不让用户更改。这时候很自然的想到了input标签的readOnly属性，设置上之后，发现点击的时候，虽然不能更改内容，但是有小光标出现，要是没这个光标就完美了。 于是又很自然的想到了disabled属性，哎呀，一看，发现挺不错，在chrome、FF和IE9以及以上的浏览器上，都不错，但是在IE8以及以下的浏览器上，字
IE8中input输入框可以输入但不显示光标
weixin_44249754的博客
05-08 697
可能是光标和输入框的边框重合了。加padding样式即可： <input style='padding-right:10px'>
Firefox input 光标丢失
cai555的专栏
05-06 811
在用Firefox浏览页面时是否发现鼠标点击 textarea,input表单输入文本时闪烁的光标不见了,但能正常输入文本呢? 你很幸运遇到了”Firefox光标丢失”的问题,前阵子也被这问题搞到头晕晕的,总结一下出现这问题的原因做了个简单的例子。 光标丢失据我所知是Firefox的BUG,在IE系列 及Opera 等浏览器均正常! 有可能在Firefox3.0后会修复这问题,但我们现所用的都是2...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值