js 怎么判断一个文本框是否获得焦点

js 怎么判断一个文本框是否获得焦点,第1张

// 可以用documentactiveElement判断

// documentactiveElement表示当前活动的元素

 

// 查找你要判断的文本框

var myInput = documentgetElementById('myInput');

if (myInput == documentactiveElement) {

alert('获取焦点');

} else {

alert('未获取焦点');

}

一 基本概念

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

二 组成部分

javascript组成一个完整的 JavaScript 实现是由以下 3 个不同部分组成的:

核心(ECMAScript)、文档对象模型(Document Object Model,简称DOM)、浏览器对象模型(Browser Object Model,简称BOM)。

楼上的17kxx_com,楼主用的是 textbox服务器端控件 -_-||,

有两种方法

1js脚本方式

2使用服务器端控件,也就是textbox控件的onchange事件,但是这个是会回发的

这个需求最好使用纯前台脚本(html+javascript)实现,不建议使用aspnet 服务器端控件的服务端事件(因为会回发,也就是页面会刷新一次,比较难看),下面是方法1的实现代码:

<asp:TextBox ID="txtA" onblur="changetText()" >

<asp:TextBox ID="txtB" >

textbox对应会生成 相应的html代码

然后javascript函数

<script>

function changetText()

{

documentgetElementById("txtB")value=documentgetElementById("txtA")value

}

</script>

不涉及后台代码。

以下为全部代码(通过测试)

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Defaultaspxcs" Inherits="WebApplication1_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "">

<html xmlns="" >

<head runat="server">

<title></title>

<script>

function changetText() {

documentgetElementById("txtB")value = documentgetElementById("txtA")value;

}

</script>

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:TextBox ID="txtA" runat="server" onblur="changetText()"></asp:TextBox>

<asp:TextBox ID="txtB" runat="server"></asp:TextBox>

</div>

</form>

</body>

</html>

以上就是关于js 怎么判断一个文本框是否获得焦点全部的内容,包括:js 怎么判断一个文本框是否获得焦点、js 下拉框获取焦点后 ,自动展开选项内容、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9781912.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存