js文本框禁用 获取文本框焦点onfocus 事件 注册事件优化
2018-03-23 15:13
232 查看
一个属性disable= true 被禁用了 disable = false 可以使用并可编辑
获取文本框的焦点 onfocus 失去焦点事件:onblur <input type="button" value="设置内容" id="btn"/>
<input type="text" value="1"/>
<input type="text" value="2"/>
<input type="text" value="3"/>
<input type="text" value="4"/>
<input type="text" value="5"/>
<input type="text" value="6"/>
<script src="common.js"></script>
<script>
//先获取所有的文本框
var txts=document.getElementsByTagName("input");
for(var i=0;i<txts.length;i++){
//判断当前的元素是不是文本框
if(txts[i].type=="text"){
//为每个文本框注册获取焦点的事件(只要文本框得到光标就触发)
txts[i].onfocus=f1;
}
}注册事件的优化
function f1() {
alert(this.value);
}
</script>
获取文本框的焦点 onfocus 失去焦点事件:onblur <input type="button" value="设置内容" id="btn"/>
<input type="text" value="1"/>
<input type="text" value="2"/>
<input type="text" value="3"/>
<input type="text" value="4"/>
<input type="text" value="5"/>
<input type="text" value="6"/>
<script src="common.js"></script>
<script>
//先获取所有的文本框
var txts=document.getElementsByTagName("input");
for(var i=0;i<txts.length;i++){
//判断当前的元素是不是文本框
if(txts[i].type=="text"){
//为每个文本框注册获取焦点的事件(只要文本框得到光标就触发)
txts[i].onfocus=f1;
}
}注册事件的优化
function f1() {
alert(this.value);
}
</script>
相关文章推荐
- js文本框操作 获取焦点 禁用 for赋值 全选 等
- Flex中如何通过监听focusIn和focusOut事件,在通过displayAsPassword属性固定密码格式显示文本框获取焦点时显示文本
- JS实现文本框和文本域获取焦点focus()时,光标在本文的末尾
- 文本框(input)获取焦点(onfocus)时样式改变的实现方法
- js 文本框监听粘贴事件,获取粘贴板上的图片数据
- [ZT]文本框(input)获取焦点(onfocus)时样式改变的实现方法
- jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
- js 文本框焦点事件
- 开发笔记:解决安卓GestureOverlayView手势和ListView点击事件、文本框获取焦点冲突的问题
- 文本框(input)获取焦点(onfocus)时样式改变的实现方法
- js 禁用只读文本框获得焦点时的退格键
- jquery注册文本框获取焦点清空,失去焦点赋值
- js 获取焦点事件所在的对象
- js 禁用只读文本框获得焦点时的退格键
- jquery注册文本框获取焦点清空,失去焦点赋值
- 文本框(input)获取焦点(onfocus)时样式改变的示例代码
- JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容
- html中的css和js控制input,textarea文本框自动获取焦点
- js/jquery获取文本框输入焦点的方法
- js/jquery获取文本框输入焦点的方法