`
Turbo12138
  • 浏览: 45155 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

设置文本框失去焦点与获得焦点的样式(新)

 
阅读更多

发现好多人在找这个,之前的那个有点乱……看这个,直接引入Html即可

function input() {
    function addListener(element, e, fn) {
        if (element.addEventListener) {
            element.addEventListener(e, fn, false);
        }
        else {
            element.attachEvent("on" + e, fn);
        }
    }

    var tipinput = document.getElementById("tipinput");
    addListener(tipinput, "click", function () {
        tipinput.value = "";
        //$('.myname').css('display', 'none');
    })
    addListener(tipinput, "blur", function () {
        tipinput.value ="您可以输入公司名称/职位名称/公司特色等关键词进行搜索";
    })
}

 

“tipinput"为input框的ID………………

分享到:
评论

相关推荐

    JQ 文本框得到失去焦点

    本文将围绕“JQ文本框得到失去焦点”这一主题进行详细讲解,帮助开发者理解如何利用jQuery来监听文本框(input[type="text"])的聚焦(focus)和失焦(blur)事件。 ### 一、jQuery基本概念 jQuery库通过$函数提供...

    文本框获取焦点弹出下拉框

    标题“文本框获取焦点弹出下拉框”涉及到的是网页交互设计中的一种常见功能,它通常用于实现输入框(input)的自动补全或者下拉选项选择。在Web开发中,这种功能可以极大提升用户体验,让用户能够快速找到并选择所需...

    jQuery实现文本框获得焦点文字消失

    此外,如果希望仅改变文字颜色而不涉及其他样式变化,可以在CSS中设置文本框的初始颜色,并在聚焦时调整颜色。例如: ```css #searchInput { color: gray; /* 默认颜色 */ } #searchInput:focus { color: black;...

    html文本框input表单输入框默认提示信息插件,获得焦点自动清空默认值,失去焦点对比确认默认值

    并可以指定input获得焦点和失去焦点的CSS样式 以下为参数说明 + 参数 @input 入参 json对象 @ dvalue input表单提示默认值 @ tip 默认提示信息样式名class @ tipnone 在指定的input执行click时替换的样式名...

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

    例如,可以为获得焦点的文本框或密码框设置边框颜色、背景色、文本阴影或其他视觉效果,以提醒用户哪个元素当前拥有输入焦点。当用户切换焦点后,通过 `.blur()` 事件移除 `myFocus` 类,相应元素将恢复到其原始状态...

    文本框点击时文字消失失去焦点时文字出现

    2. **失去焦点事件**:当文本框失去焦点时(即用户点击页面其他位置),触发“失去焦点”事件,检查文本框是否为空。如果为空,则显示默认的提示文字。 #### 示例代码详解 以下是一段实现上述功能的HTML和...

    jQuery文本框得到与失去焦点动态改变样式效果

    在网页设计中,为文本框添加获得和失去焦点时动态...总结起来,通过上述内容,我们可以了解到使用jQuery为文本框添加得到与失去焦点时动态改变样式的方法和技巧,以及如何利用jQuery库来增强网页的交互性和视觉效果。

    js实现input文本框点击时文字消失,失去焦点时文字出现

    在JavaScript编程中,有时我们需要为输入框(input)设置一种特殊的行为,比如当用户点击输入框时,预设的文字消失,而当用户离开输入框(失去焦点)时,这些文字又重新出现。这种功能常见于搜索框或者密码输入等...

    jquery注册文本框获取焦点清空,失去焦点赋值的简单实例

    例如,可以通过CSS设置文本框的样式(如字体大小、颜色、边框样式等),以及在文本框获得或失去焦点时改变背景色或其他视觉样式,以增强用户的交互感受。 知识点三:jQuery基础 jQuery是一个快速、简洁的JavaScript...

    前端学习笔记,做一个简单的网站-文本框获取和失去焦点效果,学习代码

    在前端开发中,文本框(Text Input)的获取和失去焦点效果是常见的交互设计元素,它们可以提升用户体验,使用户更清楚地了解当前操作的状态。本文将深入探讨这个主题,结合HTML、JavaScript(JS)以及可能涉及的CSS...

    详解HTML onfocus获得焦点和onblur失去焦点事件

    另一方面,`onblur`事件则在元素失去焦点时触发。这通常发生在用户将焦点移出当前元素,转而关注页面上的其他部分。`onblur`常用于进行实时的表单验证,以确保用户输入的数据满足特定的要求。在另一个示例中,当用户...

    文本框取鼠标事件文本框取鼠标事件

    具体而言,使用 `onfocus` 和 `onblur` 事件可以有效地处理文本框的焦点获取与失去事件,从而实现动态的用户提示功能。这种技术广泛应用于Web应用的前端开发中,对于提升用户体验具有重要作用。

    js实现input文本框点击时文字消失,失去焦点

    通过上述代码和解析,我们可以清晰地了解到如何使用JavaScript实现`input`文本框点击时文字消失,失去焦点时文字重新出现的功能。这种技术不仅增强了网站的交互性和可用性,也为用户提供了更加直观的操作指南。...

    jquery文本框显示描述文字rar

    // 在文本框获得焦点时,如果文本为空,显示描述文字 descriptionInput.focus(function() { if (descriptionInput.val() === '') { descriptionInput.val(defaultText); } }); // 当文本框失去焦点或内容...

    jquery关于页面焦点的定位(文本框获取焦点时改变样式 )

    实现文本框焦点高亮的步骤 1. 确保在使用jQuery之前,页面已经引入了jQuery库。 2. 在`$(document).ready()`函数中编写代码,确保DOM完全加载后再执行脚本。 3. 使用`$('input').focus()`函数为所有`input`元素绑定...

    文本框点击时文字消失,失去焦点时文字出现

    通常在网页设计和前端开发领域,实现一个文本框在用户点击时清空文字内容,在文本框失去焦点时重新显示预设文字的功能,主要是使用JavaScript(JS)和HTML中的input元素以及可能的一些CSS样式。以下将对实现这一功能...

    好看的文本框和按钮样式

    这段JavaScript代码实现了一个定时器,当文本框获得焦点时,其边框颜色会在红色和黄色之间交替变化,营造出闪烁的效果。`setTimeout`函数每400毫秒执行一次`borderColor()`函数,实现颜色切换,`onfocus=...

    搜索文本框焦点离开时文本位置跳动问题解决方法

    这通常是由浏览器默认的焦点样式或CSS样式引起的。解决此问题的一个常见方法是通过JavaScript和CSS对文本框的尺寸进行固定。 在描述中提到,通过固定宽高可以解决文本位置跳动的问题。这里的固定宽高指的是为搜索...

    文本框 css 样式

    文本框提示样式,鼠标点击获得焦点时提示内容消失 input文本框样式 只有下划线的文本框: 软件序列号式的输入框: 软件序列号式的输入框(完整版): 输入框景背景透明: 鼠标划过输入框,输入框背景色变色: ...

Global site tag (gtag.js) - Google Analytics