草庐IT

FOCUS_MODE

全部标签

javascript - jQuery 中的 focusin/focusout 与 focus/blur 有什么区别?

这个问题在这里已经有了答案:Differencebetweenfocusin/focusoutandfocus/blur,withexample(3个答案)关闭8年前。我使用以下代码处理一些事件jQuery1.7.2:$().on('focusblur',function(event){console.log(event.type);});而且我注意到对于这两个事件,event.type打印出:focusin和focusout。focusin/focusout和focus/blur有什么区别?

javascript - jQuery .focus() 和 .blur() 在 Chrome 或 Safari 中不起作用

我正在创建一个调查表,当用户关注每个问题和一组答案时,它需要突出显示(通过更改背景颜色)。.focus()和.blur()都适用于Firefox和IE,但不完全适用于Safari和Chrome。我还尝试了.focusin()和.focusout(),结果相同。编辑:点击不会触发焦点事件,但在输入字段中切换会触发焦点事件。我说不完全是因为它适用于文本输入、选择输入和文本区域输入;但不是单选和复选框输入。$(document).ready(function(){$("formli").focusin(function(){$(this).addClass("over");}).focuso

javascript - focus() 在 colorbox 弹出窗口中不起作用

我尝试将focus用于表单上的第一个输入字段。但它不起作用。当我为该输入调用attr("id")时,它起作用了。当我为相同的输入调用焦点时,我没有看到任何结果。我还尝试使用nativeJavascript。有谁知道怎么做解决这个问题? 最佳答案 你们都误解了这个问题。当Colorbox打开时,您无法聚焦输入字段?...除非您将焦点添加到ColoboxonComplete键,例如$('#mydiva').colorbox({onComplete:function(){$('forminput:first').focus();}});您

javascript - jQuery 选择插件 : Capturing focus to open when tabbing

我们目前正在使用ChosenDropdownPlugin除了一个小问题外,这非常棒。当我们使用单个下拉菜单时,如果您切换到“已选择”控件,则不会显示实际的下拉菜单部分。但是,当将插件应用于多个“选择”时,它确实会出现。通过文档和GitHub问题,似乎有很多关于选项卡排序和聚焦的提及,但似乎没有任何内容涉及这个相当简单的要求;在Tab键时接收焦点时显示下拉列表。所以假设这个功能不是插件的一部分,是否有替代方法,例如捕获anchor标记的焦点?$('.chzn-single').focus(function(e){alert('Ishouldbefocused!')});到目前为止,我还没

javascript - 在nvd3.js lineWithFocusChart中设置 'focus'区域

我正在使用此处显示的nvd3示例中所示的lineWithFocusChart.js模型:http://nvd3.org/ghpages/examples.html我希望能够为图形选择一个特定的x范围,以便在加载时对其进行关注。我认为我可以设置图表中的一个变量来完成此操作。 最佳答案 假设页面上只有一张nvd3生成的图:chart=nv.graphs[0]//howtochoosethegraphbyDOMid?chart.brushExtent([10,20])chart.update()感谢@elsherbini的评论。

javascript - React : set focus on componentDidMount, 如何用钩子(Hook)做?

在React中,通过类,我可以在组件加载时将焦点设置为输入,如下所示:classFooextendsReact.Component{txt1=null;componentDidMount(){this.txt1.focus();}render(){return(this.txt1=e}/>);}}我正在尝试使用新的hooksproposal重写此组件.我想我应该使用useEffect而不是componentDidMount,但是如何重写焦点逻辑? 最佳答案 您可以使用useRef钩子(Hook)来创建一个ref,然后将它集中在一个u

javascript - 如何获取浏览器 "Document Mode"

我正在开发某种JavaScript库。我造成的问题是我有一些具体问题:浏览器:IE8/IE9文档模式:IE7我找到了解决方案,但我不想在所有情况下都使用它,而只想在遇到上述情况时使用它。我知道我可以使用以下方法识别浏览器:returnnavigator.userAgent.toLowerCase().indexOf('MSIE8')>-1;但是我以这种方式只识别浏览器版本而不是文档模式,并且当我有浏览器模式IE8和文档模式IE8时,我不想使用我的解决方案。有没有办法在IE中获取页面文档模式?提前致谢。 最佳答案 您可以使用docum

javascript - 为什么在 JavaScript 库中使用 `strict mode`?

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Whatdoes“usestrict”doinJavaScript,andwhatisthereasoningbehindit?实际上,我知道usestrict在JavaScript中的作用,正如这里提出的问题:Whatdoes"usestrict"doinJavaScript,andwhatisthereasoningbehindit?但是我不明白为什么我们应该在JavaScript库中使用strict模式?我的意思是使用它有什么好处?

javascript - 在 Javascript 中解析 org-mode 文件

我已经有一段时间试图让自己用Javascript为org-mode编写解析器了。.我在解析大纲时没有遇到任何问题(我在几分钟内就完成了),但解析实际内容要困难得多,例如,我在处理叠层列表时遇到了麻烦。*ThisisaheadingP1Startaparagraphherebutsinceitisthefirstindentationleveltheparagraphmayhavealowerindentationonthenextlineoragreateroneforthatmatter.+LI1.1Iambeginningalisthere+LI1.2Herebeginsanoth

javascript - 未定义|0|引用错误 : Strict mode forbids implicit creation of global property 'csrf_token'

所以,这是我一直遇到的一个非常有趣的问题。我目前正在构建一个backbone.js-Rails应用程序。通常只是为了学习目的而构建它。我(就像任何优秀的Rails开发人员一样)在TDD/BDD方面尽力而为,但我遇到了capybara的问题。我有一个仅测试root_path工作的集成规范(主干历史开始、显示初始信息等...)。require'spec_helper'describe"RentalProperties",js:truedodescribe"GET/"doit"shouldshowalistofproperties"dovisitroot_patheventually{pag