首页 > 代码库 > 零碎知识点

零碎知识点

2024-09-15 10:48:33   218人阅读

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=http://www.mamicode.com/"关键字" onfocus="if(this.value =http://www.mamicode.com/= this.defaultValue) this.value = ‘‘" onblur="if(this.value =http://www.mamicode.com/= ‘‘) this.value = this.defaultValue">  

focus()  获得焦点事件
blur()失去焦点事件
defaultValue 属性设置或返回文本框的初始内容。

onfocus="if(this.value =http://www.mamicode.com/= this.defaultValue) this.value = ‘‘"    当输入框获得焦点时如果value等于默认值(value)就让输入框变成空
onblur="if(this.value =http://www.mamicode.com/= ‘‘) this.value = this.defaultValue"     当输入框失去焦点时如果value为空就让输入框的value等于默认值(value)


 

零碎知识点


联系
我们