草庐IT

键盘屏幕

全部标签

javascript - 在用户脚本中覆盖 Chrome 键盘快捷键

我写了一个userscript当按下CTRL+SHIFT+B时,对文本区域中的选定文本执行特定操作。这是通过为文本区域注册一个keypress事件然后检查按下的键来完成的。为了防止浏览器处理组合键,我使用了preventDefault()方法,该方法在Firefox中运行良好(Library窗口未打开,但执行了我的代码).但是,在Chrome中,该组合键会打开书签栏并且甚至不会触发keypress事件。我想知道是否有办法在Chrome中创建这样的快捷方式。它需要使用用户脚本-真正的扩展不是一个选项,因为我不想为Firefox和Chrome维护两个不同的“版本”。

javascript - 当元素出现在屏幕上时如何启动动画?

HTML元素如何在出现在屏幕上时立即显示动画?我在堆栈溢出上找到了一个例子tourpage,当您向下滚动到足够远时,信息元素就会滑入页面。这背后的诀窍是什么? 最佳答案 您需要使用JavaScript来检测视口(viewport)的位置并在它可见时将其激活。您可以使用JavaScript来检测和执行过渡,然后使用CSS或JavaScript来制作动画。有许多基于jquery的脚本可用于完成此操作。这是一个例子:DEMO1.创建一个要检查它是否在视口(viewport)中的Html元素。2.在文档末尾加载jQueryjavascrip

javascript - Node js 捕获键盘按下和鼠标移动(不在 Web 浏览器上)

我正在尝试使用Nodejs制作一个程序,该程序将捕获按键和鼠标移动。不在网络浏览器上。这是我个人项目的一种键盘记录器类型。我试过robotjs但它需要很多依赖才能运行。有什么简单的方法可以做到这一点。提前致谢 最佳答案 看起来你需要全局键钩子(Hook)。尝试使用iohook模块'usestrict';constioHook=require('iohook');ioHook.on("mousemove",event=>{console.log(event);//result:{type:'mousemove',x:700,y:400

javascript - 在 React Native 中触摸 TextInput 时打开键盘和/或 DatePickerIOS

我是ReactNative的新手,我只是想在触摸TextInput时让DatePickerIOS组件从屏幕底部向上滑动。有人能给我指出正确的方向或给我一个简单的例子吗?下面是我的组件。这很简单。我试图在用户触摸TextInput时打开键盘或DatePickerIOS。importReact,{AppRegistry,Component,StyleSheet,Text,TextInput,View,DatePickerIOS}from'react-native';classAddChildVisitextendsComponent{render(){return(VisitDate);}

javascript - 如何在屏幕上跟随 jQuery 动画 div?

我正在使用jQuery.crSpline沿弯曲路径为图形设置动画。我对结果非常满意。但是,完整的Canvas尺寸有意设计得很宽-肯定比大多数屏幕都大-因此图形会很快用完视口(viewport)空间并在屏幕上显示动画。相反,我希望浏览器视口(viewport)跟随图像或以图像为中心,以便它保持“在镜头中”。我将如何使用jQuery来解决这个问题?scrollTop是一个选项吗?我创建了一个jsFiddledemo,基于crSplinedemosource,但具有较宽的minX设置。注意:我首先尝试使用YUI3和Loktar提供了基于Canvas的solution,但是我不再使用YUI和c

javascript - 如何检测屏幕是否对触摸敏感?

我正在为Windows8(MetroUI)开发一个应用程序。我正在使用HTML5、JavaScript、jQuery等进行开发。如果屏幕不支持屏幕触摸事件,我想显示不同的用户界面。如何使用JavaScript检测屏幕是否支持Windows8中的触摸感应? 最佳答案 参见此处:DetectingTouchHardwareinIE10从上面的页面:InordertotestfortouchinInternetExplorer10,whichwillshipwiththefirstbatchofWindows8tabletslaterth

javascript - 当 Angular 改变状态时,如何让屏幕阅读器阅读整个页面?

要求:每次更改页面时,屏幕阅读器必须阅读整个页面内容。我们使用firefox+NVDA进行测试,由于angular不会“更改页面”,我们尝试了以下方法使其在更改状态时读取整个页面:aria-live="assertive"这在很大程度上读取了我们站点中文本的更改,但它只读取了添加的内容,在我们的例子中,我们有一个表格被ng-repeat填充并且它读取正在添加信息但没有任何上下文(它没有说明正在读取的行或列)另一个问题是表单,当被angular填充时,屏幕阅读器会在它们被angular填充之前读取它,这已通过$timeout解决,但仍然是aria-live读取它会跳过一些部分的更改,如果

javascript - 国际键盘如何处理 JavaScript 键盘事件?

我写了atexteditorinJavaScriptthatdrawsdirectlytoaCanvaselement(出于各种原因,但我的主要原因是我可以将该Canvas作为纹理贴在WebGL网格上)。令人高兴的是,实现我发现的任何内容可编辑解决方案都更容易。我很早就注意到的一件事是使用en-USQWERTY以外的键盘布局的人提示某些键显示不正确的字母。在对Windows的语言设置和屏幕键盘进行了一些摆弄之后,我创建了一个基于代码页的解决方案,该解决方案将keyCode直接映射到不同语言环境的字符串,而不是仅仅假设“没有修饰键的keyCode51是数字3”。因为它不是,所以在某些键盘

javascript - 使用键盘快捷键打开 Chrome 扩展程序弹出窗口?

我知道我们不能直接从后台javascript打开chrome扩展程序弹出窗口。但是有没有一种方法可以在用户按下某个组合键时打开弹出窗口? 最佳答案 chrome.commandsapi使用户能够绑定(bind)将触发命令(例如打开浏览器操作)的热键。示例:https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/mv2-archive/api/commands(按Ctrl+Shift+F(Mac上为Command+Shift+F)打开浏览器操作弹出窗口,按

javascript - 如何关闭其中包含多个屏幕的 React Navigation 模态

我正在使用https://reactnavigation.org/用于在ReactNative应用程序中导航,将选项卡导航器作为主堆栈,并在其中包含两个屏幕的模式(用于登录和配置应用程序)。我这辈子都想不出如何从第二个屏幕关闭模式(SelectItems)。在模态的第一个屏幕上,我可以使用navigation.goBack()关闭它。两个模态屏幕都需要一个关闭按钮。有没有办法返回到用户所在的任何选项卡?在此先感谢您的帮助。constTabs=TabNavigator({Search:{screen:Search},Settings:{screen:Settings}});//modal