输入框的获取焦点、失去焦点

善用obj的defaultValue属性

//输入框的获取焦点、失去焦点 
function TextOnFocus(obj) 
{ 
    if (obj.value == obj.defaultValue) 
    { 
        obj.value = ""; 
    } 
    obj.style.color="black"; 
} 
function TextOnBlur(obj) 
{ 
    if (obj.value == "") 
    { 
        obj.value = obj.defaultValue; 
        obj.style.color="gray"; 
    } 
}

时间： 2024-10-13 02:15:15

输入框的获取焦点、失去焦点的相关文章

jquery对于输入框得到与失去焦点时的处理方法

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>帐号: <input type="text" name="" id="" value="" /></p>

IOS 固定定位底部input输入框，获取焦点时弹出的输入法键盘挡住input

移动页面经常会做到这样一个效果,看下面的图片,重点就是那个固定定位的底部,里面有个input输入框,在输入字符的时候,安卓手机看着是完全没有问题! 1.页面没有点击底部input的初始状态 2.安卓手机下的样子,一切都是那么的正常,简直是完美. 3.ios手机下,就是这么任性,没有办法,完全挡着了,挡着了,挡着了...,必须把整个页面滑到最底下才能看见它,捉迷藏啊简直是. 不怕丢人的说,此问题遇见一年多了终于得到完美解决,更加精彩.更加狗血的是代码只有特么的一行! 请睁大眼睛看 <script

JS小插件-对输入框获取与失去焦点时的操作

对于html文件,用到最多的是<input>标签,用来供用户输入信息,然而,我们想要实现这样的效果: 当用户没输入内容的时候,输入框内有默认的内容,当用户点击输入框的时候,输入框就会清空默认的内容供用户输入,而当用户没有输入任何内容时就点击其他地方时该输入框又会出现默认的内容,这里用简单的代码实现了该功能 版权声明:本文为博主原创文章,未经博主允许不得转载.

文本框 获取焦点 失去焦点 实时监听

inp.focus();inp.onblur = function(){ // 失去焦点};inp.onchange = function () { // 内容发生变化,并且 失去 焦点 时触发};if(inp.oninput !== undefined){ inp.oninput = function () { // 实时监听 input框的value 值变化 };}else { inp.onpropertychange = function () { }} 原文地址:https://www.

textarea 默认文字获取焦点失去焦点

<textarea name="textarea" cols="" title="contactForm" class="textarea" onFocus="if(value == '填写详细需求'){value=''}" onBlur="if(!value){value=defaultValue;}">填写详细需求</textarea>

表单获取焦点失去焦点

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>请输入关键词</title> <script type="text/javascript" src="js/jquery.min.js"></script> <style> .wait{

在Vue中输入框自动获取焦点的三种方式

原生JS操作DOM使用mounted钩子函数,它表示页面一加载进来就执行函数里面的内容(和window.onload类似)1//html部分 编号:<input type="text" v-model='newId' id='inputId'>//vue对象var vm = new Vue({ el: '#app', data: { newId: '', }, // 注意:mounted钩子函数的名字不能随便取,而且它不能写在methods属性. mounted () {

input输入框自动获取焦点

代码实例: <html> <head></head> <body> 用户名:<input type="text" id="username" name="username" autofocus="autofocus"/><br/> 密码:<input type="text" id="password" name

输入框提示信息的设置与输入框的焦点取消

提示信息颜色改变: input::-webkit-input-placeholder{ color:lightgreen;} 输入框的焦点取消: input{ /*设置输入框的内容缩进*/ padding-left: 10px; /*设置输入框边框颜色*/ border:1px solid red; /*取消输入框选中后的焦点框(不要焦点框)*/ outline:none; color:green;}