js 判断控件获得焦点的示例代码

 本篇文章主要是对js 判断控件获得焦点的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

JS判断一个对象已获得焦点document.activeElement.tagName //tagName 标签名
 
实例:判断body获得光标时关闭输入法。
 
 代码如下:
var act = document.activeElement.tagName.toLowerCase();
   if(act.indexOf("body") != -1 || act.indexOf("html") != -1)
   {
    document.body.style.imeMode = 'disabled';
   }
 
<script>
function test(){
var srcElem = document.activeElement
var testval = srcElem.name; //id和name比较常用应该
alert("控件"+testval+"获取焦点");
}
</script>
 
<input name="a" type="text" value="测试a" onclick="test();">
<input name="b" type="text" value="测试b" onclick="test();">
 

时间: 2024-08-03 09:34:47

js 判断控件获得焦点的示例代码的相关文章

js 判断控件获得焦点的示例代码_javascript技巧

JS判断一个对象已获得焦点document.activeElement.tagName //tagName 标签名 实例:判断body获得光标时关闭输入法. 复制代码 代码如下: var act = document.activeElement.tagName.toLowerCase();   if(act.indexOf("body") != -1 || act.indexOf("html") != -1)   {    document.body.style.i

使用js判断控件是否获得焦点

 本篇文章主要是对使用js判断控件是否获得焦点的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 使用JS获取具有焦点控件的ID:    代码如下: $("#textID").click(function(){ var act = document.activeElement.id; if(act == "textID" ){  alert("true"); }else{  alert("false"); } }

js判断IE浏览器版本过低示例代码_javascript技巧

弄了个很简单的例子判断IE浏览器版本是否过低 例子结构如下,其实一个页面加引入jquery就可以了,顺便弄了个标准结构(注意在IE6和IE7版本较低情况下下才看到它的提示效果)   复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <h

JS判断两个时间大小的示例代码_javascript技巧

如下所示: 复制代码 代码如下:  function validTime(startTime,endTime){       var arr1 = startTime.split("-");       var arr2 = endTime.split("-");       var date1=new Date(parseInt(arr1[0]),parseInt(arr1[1])-1,parseInt(arr1[2]),0,0,0);        var da

控件显示-Android判断控件是否处于显示状态

问题描述 Android判断控件是否处于显示状态 <TextView android:id=""@+id/tv_news_content"" android:layout_width=""wrap_content"" android:layout_height=""wrap_content"" android:layout_gravity=""center_ve

vc++-MFC里如何判断控件失去了焦点

问题描述 MFC里如何判断控件失去了焦点 我想在一个编辑框失去焦点时判断输入的是否正确,请问该如何判断失去了焦点? 解决方案 不需要自己写,直接用ddv/ddxhttp://blog.csdn.net/laogaoav/article/details/20764231http://blog.sina.com.cn/s/blog_6c8fad9f01011yxg.htmlhttp://blog.csdn.net/zhangyang0402/article/details/3948144 解决方案二

基于JS分页控件实现简单美观仿淘宝分页按钮效果_javascript技巧

最新版本代码请移步到https://github.com/pgkk/kkpager 在线测试链接:http://pgkk.github.io/kkpager/example/pager_test.html 分页按钮思想: 1.少于9页,全部显示 2.大于9页,1.2页显示,中间页码当前页为中心,前后各留两个页码 附件中有完整例子的压缩包下载.已更新到最新版本 先看效果图: 01输入框焦点效果 02效果 模仿淘宝的分页按钮效果控件kkpager JS代码: Js代码 var kkpager = {

可选择小时和分钟的js日历控件

js|控件|日历 需要找一个 可选择小时和分钟的js日历控件,google了一通没有,最后在一个姐姐的blog上面找到了个修改自梅花雨控件的半成品,错误不少,改了半天终于能用了,放上来希望对大家的工作有帮助.   <script language="javascript">...  /**//**//**//** *使用方法: * (1)只选择日期   <input type="text" name="date"   readO

精确到分钟的js日历控件,日期选择器代码

  精确到分钟的js日历控件,日期选择器代码,我们知道一般的日历控件是可以选择日期的,但是您有没有见过可以精确到选择分钟的?除了选择年.月.日外,还可以选择时间,够精确吧,希望大家喜欢哦.JS日历插件,这是比较常用的网页特效哦. 示例: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>精确到分钟的js日历控件</T