JavaScript使用focus()设置焦点失败的解决方法
作者：whsnow 发布时间：2024-05-02 16:28:15
标签：focus,焦点
昨天修改机顶盒上面的EPG页面，遇到一个小问题。用户购买游戏时需要弹出购买确认对话框，对话框的默认焦点规定必须停留在“取消”按键上。很简单的需求，使用JavaScript的focus()方法就可以实现了。简单的代码示例如下：
document.getElementById("cancel").focus()
但是苦逼的是，机顶盒真是一个大坑。由于要兼容所有现存的机顶盒型号，需要对8款机顶盒进行适配。然后就出现问题了！一款中兴B600的机顶盒完全没法将焦点设置到取消按键上。以下是我的解决思路：
首先确认该机顶盒是否支持getElementById()方法以及是否成功获得了ID为“cancel”的元素：测试方法很简单，直接另写了一个 <p id="test">test</p> ，然后在同样的地方获取ID为“test”的元素，并进行了简单的操作document.getElementById("test").innerHTML="Hello"
最后使用了“try...catch(e)...”捕捉“focus()”失败的原因
try(){
<span style="white-space:pre"> </span>document.getElementById("cancel").focus()
}catch(e){
<span style="white-space:pre"> </span>alert(e.name + ": " + e.what());
}
但是就是很奇怪！以上两步的结果表明该机顶盒支持focus()和getElementById()，但是就是无法设置焦点到弹出的对话框中。
前前后后折腾了一个多小时，最后大BOSS出现了，就简单说了一句话就解决了这个问题！有可能要主动调用flur()将原来的焦点取消掉！
document.getElementById("purchase").flur()
然后就解决了这个问题。不得不感概！在解决这个问题的过程中，自己的思路其实还是蛮正确的，但知识面显然不够。一般程序员和高级程序员的差距除了解决问题的思路方面，也有经验和知识面的差距！
0
投稿猜你喜欢
- 赠送QQ秀流程是QQ秀商城关键流程之一，占了收入最直接的一部分。它的优化是后续商城流程优化的重要参考。OK，现在就用TA做例子，分享一下流程
目的两年前曾为了租房做过一个找房机器人 「爬取豆瓣租房并定时推送到微信」，维护一段时间后就荒废了。当时因为代码比较简单一直没开源，现在想想说- Pandas最初被作为金融数据分析工具而开发出来，因此，pandas为时间序列分析提供了很好的支持。Pandas的名称来自于面板数据（pan
- 本文主要参考：http://element.eleme.io/#/zh-CN/component/menu在使用elementUI的时候发现
- 1 什么是嵌套循环所谓嵌套循环就是一个外循环的主体部分是一个内循环。内循环或外循环可以是任何类型，例如 while 循环或 for 循环。
- 今天帮朋友做个python的小工具，发现系统上缺少ptyhon的支持库，返回如下信息ImportError: No module named
- 什么是Batch NormalizationBatch Normalization是神经网络中常用的层，解决了很多深度学习中遇到的问题，我们
- 如下所示：import numpy as npa = np.array([[1,2,3],[4,5,6],[7,8,9]])b = np.a
- 1 递归函数的特点特点一个函数 内部 调用自己函数内部可以调用其他函数，当然在函数内部也可以调用自己代码特点函数内部的 代码 是相同的，只是
- Method通过一条指令即可完成：os.system('所需指令')Note： os.system('所需指令
- 此篇文章整理新手编写代码常见的一些错误，有些错误是粗心的错误，但对于新手而已，会折腾很长时间才搞定，所以在此总结下我遇到的一些问题。希望帮助
- 存储过程简介----------------------------------------------------------------
- 因为我使用的是mmsql数据库，因为遇到一点坑，所以发布出来。准备工作:https://www.lfd.uci.edu/~gohlke/py
- 0. 简介在上篇博客——《Golang调度器(4)—goroutine调度》中一
- 一.Jupyter介绍Jupyter Notebook是一个交互式笔记本，支持运行40多种编程语言。Jupyter Notebook 的本质
- 如何显示数据库的结构？<html><head><meta http-equiv="Cont
- pycharm一般安装完毕，就是默认是自动保存的，但是......但是....既然是程序，既然是软件，就难免出现bug。也许会 * 友出现头天
- 开发的很多场景中都会用到手机号的校验和验证码的校验，具体实现如下<div> <input type="text&
- 1、#coding:utf-8chose = [ ('foo',1,2), ('bar
- MySQL—触发器将两个关联的操作步骤写到程序里面，并且要用事务包裹起来，确保两个操作称为一个原子操作，要么全部执行，要
