`
tw1122333
  • 浏览: 40693 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

javascript模拟键盘输入

 
阅读更多
今天在工作遇到一个问题跟大家分享一下:
需求是这样的,在一个B/S的系统中需要调用浏览器的“查找”功能,通常我们的操作是:使用快捷键“Ctrl+F”,但是我的要求是需要通过 JavaScript来主动激活。我先是通过document对象的方法execCommand查找,最后发现没有查找功能,但是它很有用,我把它总结如下:
常用Js代码document.execCommand()的作用:
<html>
<body>
<input type=button value=剪切 onclick=document.execCommand('Cut')>
<input type=button value=拷贝 onclick=document.execCommand('Copy')>
<input type=button value=粘贴 onclick=document.execCommand('Paste')>
<input type=button value=撤消 onclick=document.execCommand('Undo')>
<input type=button value=重做 onclick=document.execCommand('Redo') id=button2 name=button2>
<input>
<input type=button value=删除 onclick=document.execCommand('Delete')>
<input type=button value=黑体 onclick=document.execCommand('Bold')>
<input type=button value=斜体 onclick=document.execCommand('Italic')>
<input type=button value=下划线 onclick=document.execCommand('Underline')>
<input type=button value=停止 onclick=document.execCommand('stop')>
<input type=button value=保存 onclick=document.execCommand('SaveAs')>
<input type=button value=另存为 onclick=document.execCommand('Saveas',false,'c:\\test.htm')>
<input type=button value=字体 onclick=document.execCommand('FontName',false,fn)>
<input type=button value=字体大小 onclick=document.execCommand('FontSize',false,fs)>
<input type=button value=刷新 onclick=document.execCommand('refresh',false,0)>
</body>
</html>
下面列出的是指令参数及意义:
//相当于单击文件中的打开按钮
document.execCommand("Open"); 
//将当前页面另存为
document.execCommand("SaveAs"); 
//剪贴选中的文字到剪贴板;
document.execCommand("Cut","false",null); 
//删除选中的文字;
document.execCommand("Delete","false",null); 
//改变选中区域的字体;
document.execCommand("FontName","false",sFontName); 
//改变选中区域的字体大小;
document.execCommand("FontSize","false",sSize|iSize); 
//设置前景颜色;
document.execCommand("ForeColor","false",sColor); 
//使绝对定位的对象可直接拖动;
document.execCommand("2D-Position","false","true"); 
//使对象定位变成绝对定位;
document.execCommand("AbsolutePosition","false","true"); 
//设置背景颜色;
document.execCommand("BackColor","false",sColor); 
//使选中区域的文字加粗;
document.execCommand("Bold","false",null); 
//复制选中的文字到剪贴板;
document.execCommand("Copy","false",null);
//设置指定锚点为书签;
document.execCommand("CreateBookmark","false",sAnchorName); 
//将选中文本变成超连接,若第二个参数为true,会出现参数设置对话框;
document.execCommand("CreateLink","false",sLinkURL);
  //设置当前块的标签名;
document.execCommand("FormatBlock","false",sTagName);
//相当于单击文件中的打开按钮
document.execCommand("Open");
//将当前页面另存为
document.execCommand("SaveAs");
//剪贴选中的文字到剪贴板;
document.execCommand("Cut","false",null);
//删除选中的文字;
document.execCommand("Delete","false",null);
//改变选中区域的字体;
document.execCommand("FontName","false",sFontName);
//改变选中区域的字体大小;
document.execCommand("FontSize","false",sSize|iSize);
//设置前景颜色;
document.execCommand("ForeColor","false",sColor);
//使绝对定位的对象可直接拖动;
document.execCommand("2D-Position","false","true");
//使对象定位变成绝对定位;
document.execCommand("AbsolutePosition","false","true");
//设置背景颜色;
document.execCommand("BackColor","false",sColor);
//使选中区域的文字加粗;
document.execCommand("Bold","false",null);
//复制选中的文字到剪贴板;
document.execCommand("Copy","false",null);
//设置指定锚点为书签;
document.execCommand("CreateBookmark","false",sAnchorName);
//将选中文本变成超连接,若第二个参数为true,会出现参数设置对话框;
document.execCommand("CreateLink","false",sLinkURL);
//设置当前块的标签名;
document.execCommand("FormatBlock","false",sTagName);
知道此路不通,该道而行,解决方案如下:
<html>
<body>
<input type="button" value="查找" onClick="selecttool()"/>
</body>
</html>
<script language="javascript">
function selecttool(){
var WshShell = new ActiveXObject("Wscript.Shell");
    try{WshShell.SendKeys("^f");} catch(e){}
WshShell.Quit;
}
</script>
分享到:
评论

相关推荐

    模拟QQ的js 模拟键盘输入

    在JavaScript(简称JS)编程中,模拟键盘输入是一项常见的需求,尤其在开发Web应用程序时,例如测试、自动化脚本或者创建交互式用户界面等场景。本文将深入探讨如何使用JavaScript来模拟键盘输入,并以“模拟QQ的js ...

    模拟键盘输入

    在IT领域,模拟键盘输入是一种技术,主要用于在没有物理键盘的设备上,如触摸屏设备,提供键盘输入功能。这项技术对于移动应用开发者、游戏开发者以及网页开发者来说尤其重要,因为它能够增强用户在触摸屏设备上的...

    几种模拟键盘按键的方法

    在Windows系统中,我们可以使用`SendInput`函数来模拟键盘输入。这个函数允许我们创建输入事件队列,包括鼠标和键盘事件,然后系统会按照这些事件进行处理。而在Linux或macOS中,可能需要利用`Xlib`或`Core...

    软键盘(JavaScript模拟软键盘输入密码)

    在网络安全日益重要的今天,模拟软键盘输入密码成为了许多网页应用中的常见功能,特别是在涉及敏感信息如银行交易、个人信息填写等场景。JavaScript作为一种广泛使用的客户端脚本语言,为实现这一功能提供了可能。...

    在表单中模拟键盘输入,可以用做银行账号输入HTML代码

    2. **模拟键盘输入**:在安全考虑下,一些网站会使用JavaScript或其他前端技术(如React、Vue等)来创建自定义的数字键盘,用户点击数字按钮时,相应的数字会在输入框中显示,而不是直接通过物理键盘输入。...

    jQuery模拟键盘输入文字效果特效.zip

    总的来说,jQuery模拟键盘输入文字效果特效是一种结合了JavaScript和CSS技术的创新交互设计,它能够提升网页的动态感和趣味性,为用户提供更加生动和引人入胜的浏览体验。开发者可以通过学习和实践此类特效,提升...

    一个javascript模拟的 虚拟键盘,效果非常棒!

    标题中的"一个javascript模拟的虚拟键盘"指的就是这样一个用JavaScript编写的程序,它能够在网页上创建一个可交互的键盘界面,用户可以点击按钮输入文本,而无需物理键盘。这样的虚拟键盘通常包括各种按键布局,如...

    javascript模拟键盘

    JavaScript模拟键盘是一种技术,它允许在网页上创建一个虚拟键盘,用户可以通过点击屏幕上的按键来输入文本,替代物理键盘的功能。这种技术尤其适用于触摸屏设备,例如平板电脑和智能手机,以及那些对安全性有较高...

    模拟键盘输入到光标处

    模拟键盘输入通常通过编程语言实现,例如Python、JavaScript或C#等。这些语言提供了相应的库或API,使得程序能够模拟键盘事件。例如,在Python中,可以使用`pynput`库来实现这个功能;在JavaScript中,可能需要用到`...

    jQuery模拟键盘文字输入效果代码.zip

    在网页设计和开发中,有时候为了提供更直观和有趣的用户交互体验,开发者会采用模拟键盘输入效果的技术。这个"jQuery模拟键盘文字输入效果代码.zip"压缩包提供的就是一个这样的解决方案,它利用了流行的JavaScript库...

    js模拟键盘

    本文将详细介绍如何使用JavaScript模拟键盘。 首先,理解键盘事件是模拟键盘的基础。在JavaScript中,有三种主要的键盘事件:`keydown`、`keyup`和`keypress`。`keydown`事件在用户按下键盘上的键时触发,`keyup`...

    计算机软件-商业源码-实例120 模拟键盘输入.zip

    在IT行业中,模拟键盘输入是一种常见的技术,尤其在自动化测试、脚本编程或者游戏辅助等领域应用广泛。这个“计算机软件-商业源码-实例120 模拟键盘输入.zip”压缩包文件很可能是提供了一个具体的实现示例,用于帮助...

    asp.net 模拟键盘操作

    2. **System.Windows.Forms.SendKeys类**:.NET Framework提供了一个更简单的API,即`System.Windows.Forms.SendKeys`类,可以直接用于模拟键盘输入。这个类允许开发者通过字符串参数来表示要输入的字符序列,然后...

    Python-模拟ios数字键盘输入

    5. **测试框架集成**: 对于更复杂的测试场景,你可能需要将Python模拟键盘输入的功能与像pytest这样的测试框架集成。这样可以编写自动化测试用例,对应用的各个功能进行系统性验证。 6. **文件`ionic-keyboard-...

    javascript实现软键盘输入,兼容多种浏览器,测试通过

    JavaScript实现软键盘输入是一项常见的前端开发任务,尤其在移动设备或者特定应用场景中,为了提高用户输入体验,开发者常会用JavaScript构建虚拟键盘。本项目针对这一需求,提供了一个跨浏览器的解决方案,确保在...

    Javascript软键盘

    由于软键盘是基于JavaScript实现,因此必须考虑禁用JavaScript的情况,或者提供传统物理键盘输入的备选方案。 总结,JavaScript软键盘是一种在特定场景下提升网页安全性和用户体验的工具。了解其工作原理、实现方式...

    vuekeyboard是一个模拟人手敲击键盘的vuejs组件

    这个组件在各种需要模拟真实键盘输入的场景中非常实用,例如在线考试系统、虚拟键盘输入、密码输入等。 在JavaScript开发中,Vue.js是一个流行的轻量级渐进式框架,它以其易用性和灵活性而受到开发者们的喜爱。...

    用javascript实现软键盘

    通常,这种软键盘会以HTML元素的形式动态生成,并通过JavaScript事件监听来响应用户的点击,模拟真实键盘输入的效果。 描述中提到的"页面代码,及所引用keyboard.js,keyboard.css,keyboard.png",揭示了实现这个...

    js虚拟、模拟键盘

    这种技术允许用户在特定的输入框上通过鼠标或触摸事件模拟键盘输入,确保数据的安全性并增强界面的互动性。 在JavaScript中创建虚拟键盘主要涉及以下几个关键知识点: 1. **DOM操作**:使用JavaScript的DOM(文档...

    js 密码键盘输入器

    由于我们不直接使用原生键盘,所以需要手动模拟键盘输入事件,例如,通过改变input元素的value属性来实现。 三、密码输入的处理 1. 显示星号或圆点:为了保护用户隐私,通常会显示*或·代替实际输入的数字。可以...

Global site tag (gtag.js) - Google Analytics