onfocus事件,onblur事件；Focus()方法,Blur()方法

<1>

<pre name="code" class="html"><!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></title>
    <script type="text/javascript"></script>
    <!--  注意在使用$的时候须要引入Jqery-->
    <!-- $("input[name=‘name‘]")-->
    <script src="Jquery/jquery-1.4.1.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        function checkValue(obj) {

            if (obj.value == "") {
                alert("长度不能为空");
                obj.value = "长度不能为空";
            }
        } 

        function checkGetfocus(obj) {
            //将当前控件的value设为"哥获得了焦点"
            obj.value = "哥获得了焦点"

        }
    </script>
</head>
<!--当页面载入完成。usernameGetfocus文本框获得焦点-->
<body >

        <!--================================================================================================-->
        <!--当用户点击“焦点”按钮的时候id=Getfocus文本框获得焦点-->
        <input type="text" id="Getfocus" />

        <!--blur()失去焦点方法-->
        <input type="button" value="Getfocus失去焦点" onclick="document.getElementById(‘Getfocus‘).blur() " />

        <!--focus()获得焦点方法-->
        <input type="button" value="Getfocus获得焦点" onclick="document.getElementById(‘Getfocus‘).focus();" />

        <!--================================================================================================-->

        <!--onblur失去焦点事件-->
        <input type="text" name="txt1" onblur="checkValue(this)" />
        <input type="text" name="txt2" onblur="checkValue(this)" />
        <input type="text" name="txt3" onblur="checkValue(this)" />
        <hr />
        <!---------------------------------------------------------------------------------------------------->
        <!--onfocus获得焦点事件-->
        <!--   this就是指当前控件本身，onfocus这个事件触发后，这个事件就会调用checkGetfocus函数，在调用这个函数的时候会把当前控件本身(自己)作为參数（this）传递给处理函数checkGetfocus，-->
        <input type="text" name="t1" onfocus="checkGetfocus(this)" />
        <input type="text" name="t1" onfocus="checkGetfocus(this)" />
        <input type="text" name="t1" onfocus="checkGetfocus(this)" />
        <!--================================================================================================-->
</body>
</html>

时间： 2024-11-05 11:00:48

onfocus事件,onblur事件；Focus()方法,Blur()方法的相关文章

js 函数常用事件 document事件 window对象

js入口函数 window.onload=function(){ } 函数定义有一定功能代码体的集合.函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. 基本格式 function functionname(){执行代码 } 分类基础函数 <script type="text/javascript"> function aa(){ alert("这是我的第一个函数"); } aa(); </script> 参数函数: fan

Onblur事件里面写Focus()方法,JS没效果的处理方法

<input id="Text1" type="text" onblur="check(this);" /> <script type="text/javascript"> function check(obj) { $("#Text1").focus(); } </script> 直接在onblur事件里面写foucs事件,让输入框有鼠标焦点.但是没有效果. 经过查找资

onblur事件和onfocus事件失效

先看onblur事件和onfocus事件的定义: <element onblur="SomeJavaScriptCode"> <element onfocus="SomeJavaScriptCode"> 双引号中的内容是一段js代码,也可以是一个事件函数在看几个例子: <!DOCTYPE html> <html> <head> <meta charset="utf-8" />

JS 之 onfocus事件和onblur事件

在我们平时开发网站中,我们一定会经常遇到onfocus和onblur这两个事件,今天就给大家简单介绍一下这两个事件: onfocus 事件在对象获得焦点时发生. <html> <head> <script type="text/javascript"> function setStyle(x) { document.getElementById(x).style.background="yellow" } </script&

JS DOM基础事件概述事件流事件处理方法添加监听器事件类型事件对象事件委托

一.事件概述事件是什么? 在我们的生活中,都会接触到事件这样一个概念,它通常通过描述发生这件事的时间.地点.人物,发生了什么来进行概括. 同样的在javascript也有这样的一个的东西------事件. 页面上发生的事件:鼠标移动.点击.滚动等等. 事件描述了页面上发生的事情,通常它有以下三个要素组成: 事件源:触发事件的元素事件类型:事件的触发方式(例如鼠标点击或键盘点击) 事件处理程序(事件监听器):事件触发后要执行的代码(函数形式) Javascript 使我们可以动态的去操作一个页

事件注册 DOM事件流事件对象（常用属性，方法）事件委派（鼠标，键盘事件对象）

注册事件概述给元素添加事件,称为注册事件或者绑定事件注册事件有两种方式:传统方式和方法监听注册方式传统注册方式:利用 on 开头的事件:例如:onclick:注册事件的唯一性,后面的注册事件会把前面的覆盖方法监听注册方式:addEventListener()IE9+:IE9以前用 attacthEvent()代替:会按照注册顺序依次执行没有唯一性的问题 addEventListener() 事件监听方式 eventTarget.addEventListener(type, listene

onBlur事件与onfocus事件（js）

onFocus事件就是当光标落在文本框中时发生的事件. onBlur事件是光标失去焦点时发生的事件. 可以编如下例子 1.html <HTML> <HEAD> <TITLE>使用onBlur事件处理程序</TITLE> </HEAD> <BODY BGCOLOR="lavender"> <FORM name="F1"> <INPUT TYPE=text NAME=text1 v

Html5之高级-11 拖放API (拖放事件、dataTransfer对象、setDragImage方法)

一.拖放API WEB 拖放 - 在桌面应用程序上,可以将元素从一个位置拖放到另一个位置,但在Web上,开发者没有一种能够实现这种操作的标准技术,从而在Web上去实现这个功能并不太容易 - 在 HTML5 标准中引入了拖放API,从而使我们有可能开发出于桌面应用程序完全相同的 Web应用程序源元素事件 - 在拖放 API 中引入了一些新的事件,其中有一些元素是由源元素(拖动的元素)触发,称之为源元素事件,另一些事件由目标元素触发(源元素投放的元素) - 源元素事件: - dragstart:当

事件监听的三种方法

事件监听的三种方法: addTarget --用于监听一些点击.值改变等事件代理 -- 监听一些开始.结束.选中某行等一些改变控制属性的一些事件通知:上面都不行考虑使用通知通知使用注意:只要监听通知就要移除通知,否则控制器销毁后,通知发送时就会找不到对象导致程序崩溃文本框事件的监听: textfied代理只能监听开始编辑结束编辑,能否改变文字,不能监听改变文字后的情况,本项目需要监听文本框中是否有输入,代理和addTarget都不适用. 文本框发出的三个通知: UIKIT_