`

jquery选中文本输入框的内容为蓝色

 
阅读更多

我想实现,当光标进入input输入框时,自动将文本框内的选中为蓝色

一开始是使用的focus事件,用jquery

$('#myinput').focus(function(){ $(this).select() });

 提醒大家,千万别用focus,这样用不同的浏览器会有不同的效果,其实这样只是在鼠标左键按下,直到弹起前,都会有效,但是当鼠标左键弹起来的时候,火狐和chrome效果就不一样了,其他浏览器应该也是。

火狐是一次可以、一次不可以,间隔的;chrome是鼠标一弹起来,始终无法选中

 

将focus事件改为click事件就行了

$('#myinput').click(function(){ $(this).select() });

 虽然很简单,但是还是记录一下,供需要的朋友搜索查看吧,少浪费时间!

 

分享到:
评论

相关推荐

    jQuery实现的输入框获得焦点时改变样式效果(默认是灰色).zip

    在本项目中,我们可能关注的是`input[type="text"]`选择器,它将选中所有的文本输入框。 接下来,我们来看如何在输入框获取焦点时改变样式。当用户点击输入框使其成为活动元素(即获得焦点)时,我们可以添加一个...

    jquery之基本选择器practice(实例讲解)

    // 获取ID为txt1的输入框的文本值 var num = $("#txt1").val(); // 行的下标从0开始,所以需要减去1 num = parseInt(num) - 1; // 选取所有tr元素,过滤出下标大于num的元素,并改变背景色为绿色 $("tr:gt(" +...

    自学jquery笔记库

    根据提供的文件信息,我们可以将这些内容整理为一系列关于jQuery学习的关键知识点。以下是对这些知识点的详细阐述: ### 1. jQuery 简介 - **定义**:jQuery 是一款轻量级的 JavaScript 库,其核心功能是简化 ...

    JQuery设置文本框和密码框得到焦点时的样式

    在示例代码中,首先使用了 jQuery 的选择器 `$("#tblReginput[type=text],#tblReginput[type=password]")` 来选择页面中 ID 为 `tblReginput` 下的 `type` 属性为 `text` 或 `password` 的输入框。这里的 `#` 符号...

    jQuery表单美化实例代码

    通过以上内容,我们可以看出jQuery在表单美化方面的强大能力,它不仅可以帮助我们实现基本的样式调整,还能带来丰富的交互效果,极大地提升了用户体验。在实际开发中,结合不同的CSS框架和jQuery插件,可以创造出更...

    jQuery选择器_动力节点Java学院整理

    // 使用jQuery的css方法设置背景颜色为蓝色 ``` 同样,如果需要将jQuery对象转换为DOM对象,可以使用`.get()`方法: ```javascript var $div = $('#abc'); // 获取jQuery对象 var divDom = $div.get(0); // 将...

    锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)

    - **示例**:`$("#text").text("这是新的纯文本")`会将`#text`内的内容替换为纯文本`"这是新的纯文本"`。 - **`$("selector").val()`** - **作用**:用于获取表单元素的值。 - **示例**:对于一个输入框`张三">`...

    前端插件 大部分是bootstrapmb上含泪付费下载的

    4. **js表单输入框焦点选中特效**:通过JavaScript,可以实现当用户点击输入框时自动选中内容或高亮边框的效果,提升用户体验,使用户更容易开始输入。 5. **简约jQuery编辑器插件quilljs**:QuillJS是一款强大的富...

    TextBox 点击出现日历下拉列表

    这个功能允许用户通过一个简单的文本输入框(TextBox)来选择日期,而不是手动输入,提高了用户体验和数据准确性。在本篇中,我们将深入探讨如何实现这一功能,涉及的技术包括HTML、JavaScript、CSS以及一些常见的...

    zTree插件之单选下拉菜单实例代码

    最后,`setFont` 函数用于设置节点的样式,如果节点是父节点,它的文本颜色将被设置为蓝色。这只是一个简单的例子,实际应用中可以根据需要定制更多样式。 总的来说,这个实例展示了如何利用 zTree 插件创建一个...

    修改file按钮的默认样式实现代码

    1. 一个文本输入框(`<input type="text">`),用于显示选中的文件名。 2. 一个自定义样式的浏览按钮(`<input type="button">`),背景色为蓝色,鼠标悬停时触发位置调整。 3. 一个实际的file输入框(`...

    javascript select 改变字的颜色

    - **输入框** (`<input>`): 设置 `name="S1"` 作为标识,并设置初始文本值为“如何改变这里的字的颜色?”。 - **下拉列表** (`<select>`): - 设置 `name="D1"` 作为标识,并添加 `onchange` 事件监听器,该监听器...

Global site tag (gtag.js) - Google Analytics