文本框获得失去焦点——js和jquery方法的对比 - bulote - ITeye博客

`

bulote

浏览: 1353879 次

最近访客更多访客>>

u012363178

songhait

chk141

sharpbai

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

全部博客 (1272)

社区版块

存档分类

2012-02 ( 25)
2012-01 ( 145)
2011-12 ( 22)
更多存档...

最新评论

文本框获得失去焦点——js和jquery方法的对比

阅读更多

Js方法

<head>
<wbr><wbr><wbr> <script type="text/javascript"><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> function Doit() {</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>// <strong> 获得一个input的数组,需要遍历</strong><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>var inputs = document.getElementsByTagName_r("input");<wbr></wbr></strong><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> for (var i = 0; i < inputs.length; i++) {<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>// 如果是文本控件</strong><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> if (<strong>inputs[i].type == "text"</strong>) {</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>// 前面有on——</strong><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> inputs[i].<strong>onfocus</strong> = function () {</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>// 通过this直接获取触发的元素</strong><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>this</strong>.style.backgroundColor = "yellow";<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> };<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> inputs[i].onblur = function () {<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> this.style.backgroundColor = "white";<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> };<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> }<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> }<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> }<br><wbr><wbr><wbr> </script><br> </head><br> <body onload="Doit()"><br><wbr><wbr><wbr> <input id="Text1" type="text" /><br><wbr><wbr><wbr> <input id="Text2" type="text" /><br><wbr><wbr><wbr> <input id="Text3" type="text" /><br><wbr><wbr><wbr> <input id="Button1" type="button" value="button" /><br> </body><br> </html></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr></wbr>

Jquery方法

<head>
<wbr><wbr><wbr> <script src="jquery-1.4.1.js" type="text/javascript"></script><br><wbr><wbr><wbr> <script type="text/javascript"><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> $(function () {</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>//<wbr>不需要遍历</wbr></strong><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> $(<strong>'input[type=text]</strong>').click(function () {</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>// this前面要加dollar符</strong><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>$(this).</strong>css("backgroundColor","yellow");<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> }).<strong>blur</strong>(function () { $(this).css("backgroundColor","white");});</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>// blur前面没有on<br></strong><wbr><wbr><wbr><wbr><wbr><wbr><wbr> });<br><wbr><wbr><wbr> </script><br> </head><br> <body><br><wbr><wbr><wbr> <input id="Text1" type="text" /><br><wbr><wbr><wbr> <input id="Text2" type="text" /><br><wbr><wbr><wbr> <input id="Text3" type="text" /><br><wbr><wbr><wbr> <input id="Button1" type="button" value="button" /><br> </body><br> </html></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

分享到：

Js中的this和window.event.srcElement | 滑动变色——js和jquery对比

2012-01-30 05:49
浏览 1074
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

在js(jquery)中获得文本框焦点和失去焦点的方法: 先来看javascript的直接写在了input上代码如下: <input name=”pwuser” type=”text” id=”pwuser” class=”input” value=”楼盘账号” onBlur=”if(this.value==”) this.value=’楼盘账号’;” onFocus=”...

JQ 文本框得到失去焦点: 本文将围绕“JQ文本框得到失去焦点”这一主题进行详细讲解，帮助开发者理解如何利用jQuery来监听文本框（input[type="text"]）的聚焦（focus）和失焦（blur）事件。 ### 一、jQuery基本概念 jQuery库通过$函数提供...

asp.net中TextBox获得焦点和失去焦点——客户端JavaScript事件: 当用户与TextBox交互时，我们有时需要在特定事件（如获得焦点或失去焦点）时执行一些功能，例如验证输入、更新界面或者提供反馈。本文将详细讨论如何利用客户端JavaScript事件来实现这些需求。首先，我们要理解...

文本框的得到焦点和失去焦点事件处理: 两个文本框一个事用户名一个是密码里面有初始内容得到焦点就把内容清空失去焦点就判断输入的内容是否大于6 如果大于则作出相应的提示

easyui textbox失去焦点事件及获取文本框的内容: EasyUI文本框失去焦点事件和获取文本框内容的实现 EasyUI文本框是一种常用的UI组件，它提供了许多实用的功能，如文本框失去焦点事件和获取文本框内容等。下面我们将详细介绍EasyUI文本框失去焦点事件和获取文本框...

C#文本框失去焦点，扫码枪输入: 本文将详细讲解如何在C#中实现文本框失去焦点时，自动触发扫码枪输入的功能，并在Visual Studio 2015环境下进行测试。首先，我们需要了解文本框控件的基本事件。在C# WinForms应用中，`TextBox`控件有两个关键事件...

文本框获得焦点改变背景颜色.html: 文本框获得焦点改变背景颜色，HTML，JAVASCRIPT,CSS，做网页前台的时候看一看

jQuery实现文本框获得焦点文字消失: 以下是实现文本框获得焦点时文字消失的jQuery代码： ```javascript $searchInput.focus(function() { if ($(this).val() === '默认文字') { // 检查文本框的值是否为默认文字 $(this).attr('placeholder', ''); /...

html文本框input表单输入框默认提示信息插件，获得焦点自动清空默认值，失去焦点对比确认默认值: 并可以指定input获得焦点和失去焦点的CSS样式以下为参数说明 + 参数 @input 入参 json对象 @ dvalue input表单提示默认值 @ tip 默认提示信息样式名class @ tipnone 在指定的input执行click时替换的样式名...

文本框获得焦点和失去焦点的判断代码: 这段代码使用`focus()`和`blur()`分别绑定获得焦点和失去焦点的事件。在获得焦点时，文本框前的标签文本清空；失去焦点时，若文本框内容为空，则恢复标签文本。除此之外，还有示例代码展示了如何在JavaScript中...

jQuery控制的表单文本框获得与失去焦点时的默认值和提示信息效果.zip: "jQuery控制的表单文本框获得与失去焦点时的默认值和提示信息效果"这个项目就是这样一个例子，它展示了如何利用jQuery来优化表单输入元素的行为，提供更友好的用户界面。首先，我们要理解jQuery的基本概念。jQuery...

jquery文本框显示描述文字rar: // 在文本框获得焦点时，如果文本为空，显示描述文字 descriptionInput.focus(function() { if (descriptionInput.val() === '') { descriptionInput.val(defaultText); } }); // 当文本框失去焦点或内容...

文本框失去焦点问题: 文本框焦点问题解答，没有基础的看着费劲 TextBox组件[2]（文本框组件）是一种常用的，也是比较容易掌握的组件。应用程序主要使用它来接收使用者于输入文字信息。当我们使用Visual Basic .Net集成开发环境开发...

C#控件中失去焦点Focus事件与获得焦点Focus事件: `textBox1_GotFocus`方法则在文本框获得焦点时清除默认提示文本，准备接受用户输入。在实际应用中，你可以根据项目需求调整这些事件处理函数的内容。例如，你可能需要在控件失去焦点时自动保存数据，或者在获得...

VC++设置窗体文本框控件的焦点: 此外，MFC还提供了其他与焦点相关的函数，例如`GetFocus()`，用于获取当前具有焦点的窗口，以及`OnSetFocus()`和`OnKillFocus()`，这两个是窗口处理程序的虚函数，分别在控件获得和失去焦点时被调用，你可以在这里...

jquery input文本框模拟select选择框获取选定: 在网页开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了JavaScript代码的编写，尤其是在处理DOM操作、事件处理以及动画效果等方面。对于标题提到的"jquery input文本框模拟select选择框获取选定"，这是...

jquery 强制设置文本框处于英文输入法状态: 总结来说，面对“jquery 强制设置文本框处于英文输入法状态”的问题，开发人员可以利用jQuery事件处理和JavaScript的特性来控制文本框的输入模式，确保在扫描枪或其他输入设备触发时，系统不会误切换到中文输入法。...

表单类各种类型(文本框)失去焦点效果jquery代码: 2. **事件处理**: jQuery提供了`.focus()`和`.blur()`方法，分别用来处理元素获得和失去焦点的事件。`.focus()`方法在元素获得焦点时触发，而`.blur()`方法在元素失去焦点时触发。 3. **方法链**: 在上述代码中，`$...

js jquery 自动在文本框提示信息: JavaScript 和 jQuery 是Web开发中广泛使用的两种技术，用于创建交互式的网页动态效果。在这个主题中，我们将深入探讨如何使用 jQuery 来实现文本框中的自动提示信息功能。首先，`jQuery` 是一个轻量级的 ...

Global site tag (gtag.js) - Google Analytics