个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我发现在 GoogleChrome (43.0.2357.132 m) 中，不可编辑的 JavaScript 生成的 DIV 无法获得焦点，因此它永远不会模糊，但静态 HTML 编码的 DIV 可以。
有人可以帮助我如何使 JS 生成的版本获得焦点和模糊吗？ (在IE下效果很好)Chrome 中是否存在我未设置的参数或其他内容？
我尝试通过 JS 制作自己的组合框输入，我想使用不可内容编辑的 div，例如选择选项，但我需要知道它是否模糊才能正常工作。因此，将这些设置为 contenteditable 不是解决方案......
这里是要尝试的示例代码:
<!DOCTYPE html> <!--HTML5-->
<html lang= "hu">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script language = "javascript">
function fblur(event){
console.log('BLUR\nevent.target: '+event.target.id);
console.log(event);
alert('DIV BLUR EVENT FIRED');
}
function fclick(event){
event.target.focus();
console.log('CLICK\nevent.target: '+event.target.id);
console.log(event);
}
</script>
</head>
<body id="Body">
<div style="border: 1px solid;
height: 20px;
width: 200px;"
id="STATIC HTML DIV1"
contenteditable="false"
tabindex="1"
onclick="fclick(event)"
onblur="fblur(event)"
>STATIC HTML DIV1</div>
<BR />
<script language = "javascript">
var uiobj=document.createElement("DIV");
var t = document.createTextNode('JS GENERATED DIV1');
document.body.appendChild(uiobj);
uiobj.appendChild(t);
uiobj.style.border = '1px solid';
//uiobj.style.display = 'block';
uiobj.style.height = '20px';
uiobj.style.width = '200px';
uiobj.id = 'JS GENERATED DIV1';
uiobj.contentEditable = false;
uiobj.tabindex= '2';
uiobj.addEventListener('click', fclick, false);
uiobj.addEventListener('blur', fblur, false);
</script>
</body>
</html>
如果你尝试一下，第一个 div 会聚焦并模糊。如果模糊就会发出警报。第二个 div 应该做同样的事情，并且在 ID 中做得很好，但在 Chrome 中，第二个 DIV 不会模糊。
谢谢帮助!
最佳答案
要将元素声明为可聚焦(以及“可模糊”)，您需要设置一个 tabindex。请参阅:
The tabindex content attribute allows authors to indicate that an element is supposed to be focusable
https://html.spec.whatwg.org/multipage/interaction.html#focusable-area
您的问题在这里:
uiobj.tabindex= '2';
应该是:
uiobj.tabIndex= '2'; //with a capital I
因此，两个元素之间的区别不在于其中一个是动态生成的，而是因为该拼写错误而没有一个 tabindex。如果您删除静态索引上的 tabindex，它也将无法获得焦点。
关于javascript - JS 生成的不可编辑 DIV 无法在 Chrome 中聚焦(和模糊)，直到静态 HTML 编码可以，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31363252/
25
4
0
我正在尝试将抓取的 xml 输出写入 json。由于项目不可序列化，抓取失败。 从这个问题来看，它建议您需要构建一个管道，未提供的答案超出了问题 SO scrapy serializer 的范围。 所
有没有一种方法可以通过重载函数来区分参数是在编译时可评估还是仅在运行时可评估？ 假设我有以下功能: std::string lookup(int x) { return table::va
我正在使用 MVVM 模式编写一个应用程序。我通过将 View 的 DataContext 属性设置为 ViewModel 的实例来向 View 提供数据。一般来说，我只是从那里使用 Binding
对于一个项目，我正在使用带有简单 python module 的传感器收集多个红外命令。 . 我收到如下字节字符串: commando1= b'7g4770CQfwCTVT9bQDAzVEBMagGR
我有一个计算方法，可以在用户使用 Cartridge 作为我的商店框架结账时计算税费。 税 = 税 * 小数(str(settings.SHOP_DEFAULT_TAX_RATE)) 计算工作正常。然
我正在用 pygame 制作一个绘图程序，我想在其中为用户提供一个选项来保存程序的确切状态，然后在稍后重新加载它。在这一点上，我保存了我的全局字典的副本，然后遍历， pickle 每个对象。 pyga
在 C++11 之前，我可以使用它来使类不可复制: private: MyClass(const MyClass&); MyClass& operator=(const MyClass&); 使用 C
大家好 :) 我在我的 VC++ 项目中使用 1.5.4-all (2014-10-22)(适用于 x86 平台的 Microsoft Visual C++ 编译器 18.00.21005.1)。 我
我有一个 python 文件:analysis.py: def svm_analyze_AHE(file_name): # obtain abp file testdata = pd.
这个问题已经有答案了: How to serialize SqlAlchemy result to JSON? (37 个回答) 已关闭 4 年前。 我正在编写小查询来从 mysql 获取数据数据库，
我是 Python 初学者，我在 JSON 方面遇到了一些问题。在我正在使用的教程中有两个函数: def read_json(filename): data = [] if os.pa
我目前正在开发一个针对 iPad 的基于 HTML5 Canvas/JavaScript 的小型绘图应用程序。它在 Safari 中运行。到目前为止，除了一件事之外，一切都进展顺利。 如果我旋转设备，
以下代码无法使用 Visual Studio 2013 编译: #include struct X { X() = default; X(const X&) = delete;
嗨，我制作了一个文本分类分类器，我在其中使用了它，它返回一个数组，我想返回 jsonresponse，但最后一行代码给我错误 'array(['cycling'], dtype =object) 不可
我使用 Flask 和 Flask-Login 进行用户身份验证。 Flask-Sqlalchemy 将这些模型存储在 sqlite 数据库中: ROLE_USER = 0 ROLE_ADMIN =
如果您尝试发送不可 JSON 序列化的对象(列表、字典、整数等以外的任何对象)，您会收到以下错误消息: "errorMessage": "Object of type set is not JSON
我在尝试 move std::vector 时遇到崩溃其中 T显然是不可 move 的(没有定义 move 构造函数/赋值运算符，它包含内部指针) 但为什么 vector 的 move 函数要调用 T
我尝试在用户成功登录后将 token 返回给他们，但不断收到以下错误: 类型错误:“字节”类型的对象不可 JSON 序列化 我该如何解决这个问题？这是我到目前为止的代码: if user:
我是一名优秀的程序员,十分优秀！