js 文本框失去焦点事件、获得焦点事件

onBlur:当失去输入焦点后产生该事件

<input type="text" name="test1" value="test1" onblur=alert("可以关掉aaaaaaa!")>

onFocus:当输入获得焦点后,产生该文件

<INPUT TYPE=text NAME=text3 value="4444onfocus_blue" onfocus="(document.bgColor='blue')">
<INPUT TYPE=text NAME=text4 value="5555onfocus_red" onfocus="(document.bgColor='red')">
<INPUT TYPE=text NAME=text4 value="6666onfocus_orange" onfocus="(document.bgColor='orange')">

Onchange:当文字值改变时,产生该事件

<SELECT   id=select1     onchange="alert(this.value)">  
  <OPTION   value="0">0</OPTION>  
  <OPTION   value="1">1</OPTION>  
  <OPTION   value="2">2</OPTION>  
  </SELECT>  

Onselect:当文字加亮后,产生该文件

IE&&Chrome中适用此方法

<script> 
document.onselectstart=function(){return false;} 
</script> 
onselectstart是防止内容被选中默认状态是true

<body onselectstart=return(event.srcElement.type=='text')> 
选不中 
<input type="text" name="" value="来选吧"> 
</body> 
一般如果把它设置在整个body上时如果body里边有输入框需要选中文字时可以这样

function doIt(){ 
    var now=event.srcElement; 
    if(now.tagName=="input"){ 
        return true; 
    } 
    else{ 
        return false; 
    } 

onpropertychange 当属性改变发生该事件 无论粘贴 keyup onchange等

时间: 2024-10-12 20:43:56

js 文本框失去焦点事件、获得焦点事件的相关文章

文本框控件-VC++文本框输入控件,焦点跳转

问题描述 VC++文本框输入控件,焦点跳转 在VC++中,一个文本框输入控件中已经切换进去输入光标,但是切换到搜狗输入法想往里输入汉字时,一敲键盘光标就跳转到其他输入框中,这是什么原因?直接往里输入数字和英文就不会跳转.求助!!!

js文本框输入内容智能提示效果_javascript技巧

本文实例讲述了js文本框输入内容智能提示效果代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 大体思路: 1.监听文本框事件.这里是用的keyup事件.大家可以尝试用onchange事件.不过感觉keyup事件的效果要好一点. 2.根据输入内容通过ajax异步的方式去访问后台数据. 3.遍历返回数据将数据添加到显示区域. 4.在添加数据的同时给每一条数据加上一些效果,点击其中一条将数据填到文本框,并且提示内容消失. 5.后台数据应该拼接成json格式. 具体代码如下: <!DOCTYP

JS文本框默认值处理详解

以下代码是对JS文本框的默认值处理进行了介绍,需要的朋友可以参考下   复制代码 代码如下: <script type="text/javascript">        function txtFocus(el) {            if (el.defaultValue == el.value) { el.value = ''; el.style.color = '#000'; }        }        function txtBlur(el) {   

JS文本框追加多个下拉框的值的简单实例

这篇文章介绍了JS文本框追加多个下拉框的值的例子,有需要的朋友可以参考一下   复制代码 代码如下: <HTML>    <HEAD>     <TITLE> New Document </TITLE>     <META NAME="Generator" CONTENT="EditPlus">     <META NAME="Author" CONTENT=""

js文本框中禁止非数字字符输入

 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="style.css"> </head> <script src="http://libs.ba

四款js 文本框只能输入数字

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>只允许输入数字和回车的多行文本框js 代码

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

方法一,直接在input中直接  代码如下 复制代码 <input type="text" onfocus="if(this.value=='指中我看看什么效果') this.value='';" onblur="if(this.value=='') this.value='指中我看看什么效果';" value="指中我看看什么效果" style="color:#666" size="6&q

js文本框-js获取文本框的值,有默认值

问题描述 js获取文本框的值,有默认值 文本框的默认值为value="",我给设置了失去焦点事件,等我输入了"你好",失去焦点 alert文本框的值,输出的却是""; 怎么解决? 解决方案 function show(){ obj1=document.getElementById("aaaa"); alert(obj1.value); } 随便怎么试都行啊 解决方案二: 解决方案三: 文本框加个onblur="sho

js文本框走动跑马灯效果代码分享_javascript技巧

本文实例讲述了js实现文本框走动跑马灯效果.分享给大家供大家参考.具体如下: 运行效果图: 小提示:直接复制下面分享的代码即可运行,大家可以自定义文字. 为大家分享的js实现文本框走动跑马灯效果代码如下 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>文本框走动跑马灯代码</title> </

asp.net中js文本框动态生成,输入数据并能添加到数据库中?

问题描述 如题 解决方案 解决方案二:动态生成文本框.用js输出html代码嘛.输入数据插入到数据库用ajax提交解决方案三:该回复于2012-02-10 14:40:46被版主删除解决方案四:<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/