我想将Angular1应用程序更新到Angular2，但我的一个旧指令有问题。这个想法很简单。当输入字段获得焦点时，应添加一个类(md-input-focus)并删除另一个类(md-input-wrapper)。然后这个过程应该在“模糊”事件上被逆转——即失去焦点。我的旧指令只包含这些行.directive('mdInput',['$timeout',function($timeout){return{restrict:'A',scope:{ngModel:'='},link:function(scope,elem,attrs){var$elem=$(elem);$elem.on('f

我正在尝试设置一个监听所有焦点事件的监听器。特别是我试图在输入或文本框获得焦点的任何时候收听。根据一些研究，实现这一目标的广泛接受的方法是这样的:document.body.onfocus=function(event){//Checktheevent.targetforinput/textbox//Dosomething};但是document.body.onfocus似乎永远不会触发。我认为这可能是因为该文档实际上并没有获得焦点，所以我尝试了:document.body.focus();最初“设置”焦点，但这也不起作用。关于如何在不直接在元素本身上实际设置事件的情况下在所有输入/文

我一直在这个论坛上寻找解决方案，但还没有找到。无论我在页面上的哪个位置单击，我都需要始终将注意力集中在Canvas元素上。我有几个按钮，在我写的每个onclick事件中:document.getElementById('canvas').focus();这确实有效，但我认为这不是最佳做法。有什么想法吗？ 最佳答案 Canvas元素默认是不可聚焦的。您需要先为其设置一个tabIndex。例子document.querySelector("canvas").onblur=function(){varme=this;me.style.ba

我注意到了这种奇怪的工具提示行为。如果我单击具有Bootstrap工具提示的链接，然后切换选项卡或最小化窗口，然后返回主窗口，即使鼠标没有悬停在工具提示上，也会显示工具提示。这是一个错误吗？还是正常行为？http://jsfiddle.net/4nhzyvbL/1/HTML代码clickmeandthencomebacktocheckmeCSS代码@importurl("http://maxcdn.bootstrapcdn.com/bootswatch/3.2.0/cerulean/bootstrap.min.css");@importurl("http://maxcdn.bootst

如果该字段没有有焦点，是否有可能(可靠地)在输入文本框中获取选定的文本/插入符号位置？如果不是，获取和保留这些数据的最佳方式是什么？基本上，当用户单击按钮时，我想在插入符号位置插入一些文本。但是，一旦用户单击该按钮，该字段就会失去焦点，我也会失去插入符号位置。 最佳答案 以下脚本将保持插入位置，然后单击按钮将在存储位置插入文本:Javascript://GetsthepositionofthecursorfunctiongetCaret(el){if(el.selectionStart){returnel.selectionStar

是否有“正确的方法”来检测我是否失去了Draft.js编辑器的焦点？用例是，如果用户单击其他地方，我想要“退出编辑器模式”，这意味着我切换编辑器的readOnly属性。我怎样才能理想地做到这一点，这样做是个好主意吗(你看到这方面的问题了吗)？ 最佳答案 您可以使用旧的onBlur捕获围绕您的草图编辑器触发的模糊事件这对您的场景来说还不够吗？ 关于javascript-检测模糊，也就是失去Draft.js编辑器的焦点，我们在StackOverflow上找到一个类似的问题：

我有许多表单域跨越页面折叠。当按“tab”键逐步浏览每个输入/选择字段时，它位于页面折叠底部的下一个字段。我的一些字段有工具提示、验证响应和显示在字段下方的自动建议框。使用Tab键切换到字段时，您无法在折叠页面下方看到这些元素。是否有javascript或jQuery脚本可以使屏幕围绕聚焦的输入/文本区域/选择/按钮字段垂直居中，而不是对齐到底部？ 最佳答案 您可以只绑定(bind)到焦点事件，然后计算字段的偏移量并将其在屏幕上居中。$(':input').focus(function(){varcenter=$(window).h

TwitterBootstrap工具提示触发器默认为悬停。我可以添加data-trigger="focus"使工具提示显示在焦点上，但我如何同时进行悬停和焦点显示？ 最佳答案 你试过data-trigger="focushover" 关于javascript-悬停和焦点上的TwitterBootstrap工具提示，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/13572737/

我正在使用jQueryValidator，我希望能够禁用默认的焦点行为。我将字段名称作为值直接包含在输入字段本身中(就像您在StackOverflow右上角的“搜索”输入中看到的那样)。这里的问题是，当我提交表单并且某个字段被标记为无效时，它会自动关注该字段，从而删除该字段值。这可能会让用户感到困惑，因为他们不再知道该特定字段的用途。有什么方法可以禁用此行为吗？我在下面包含了我的代码，以防有帮助:$(document).ready(function(){jQuery.validator.messages.required="";jQuery.validator.addMethod("n

所以我想要一些JavaScript来监听页面上所有潜在焦点/模糊事件。我可以很容易地为点击事件做到这一点:document.addEventListener('click',function(e){console.log('click!')})任何时候点击任何元素，事件都会触发，即使节点是在添加事件监听器之后插入的。我想对焦点事件做同样的事情，但它们只在个别元素上触发，永远不会冒泡到文档中。我怎样才能做到这一点？每隔几秒遍历DOM并在添加新输入元素时重新监听的唯一方法是什么？ 最佳答案 您可以使用focusin和focusout冒泡