零碎知识点

Posted 2020-09-11 ColaMan

1.input自动获取焦点

<input autofocus="autofocus">

autofocus 属性规定当页面加载时 input 元素应该自动获得焦点。

但是要是想通过动态的控制input获取焦点并不是给input动态的加这个属性而是直接用focus()方法

$(‘.input_box input‘).eq($index).focus();

 

2.input自动全选

$("#smsContent").focus(function(){  //当输入框获得焦点时，选择该元素中的文本    配合上面的focus()方法
    this.select();  
});

select() 方法用于选择该元素中的文本。

 

3.input获得焦点时默认value自动消失   失去焦点时默认value自动添加

1 <input name="keywords" type="text" value="关键字" onfocus="if(this.value == this.defaultValue) this.value = ‘‘" onblur="if(this.value == ‘‘) this.value = this.defaultValue">  

focus()  获得焦点事件

blur()失去焦点事件

defaultValue 属性设置或返回文本框的初始内容。

onfocus="if(this.value == this.defaultValue) this.value = ‘‘"    当输入框获得焦点时如果value等于默认值(value)就让输入框变成空

onblur="if(this.value == ‘‘) this.value = this.defaultValue"     当输入框失去焦点时如果value为空就让输入框的value等于默认值(value)