`

js html文本框增加快捷键

阅读更多

如何使用JavaScript ,给文本框增加快捷键呢?

Ctrl+s

$textarea.keydown(function (event) {
//            console.log(event.keyCode)
            if ((event.keyCode == 83/*S*/||event.keyCode == 88/*X*/ )&& event.ctrlKey) {
                console.log('save');
                updateOneOption(this);
            }
        })

在聚焦文本框的情况下,按下Ctrl+X 或者Ctrl+S,就会触发js方法updateOneOption(this); 

 

给文本框增加回车事件

/***
 enter to to something specified by responseEvent
 */
var pressEnterTo = function pressEnterTo(event, responseEvent, arguments2) {
	if (!event || event == undefined) {
		event = window.event || arguments.callee.caller.arguments[0];
	}
    var eventTarget = com.whuang.hsj.getSrcElement(event);
	if (event.keyCode == 13 && typeof responseEvent === 'function') {//Enter
		if(arguments2==undefined){
			arguments2=eventTarget;
		}
		responseEvent(arguments2);
	}
};
/*

 调用实例:

 <fieldset class="inputs">
												<input id="username" type="text" name="username" placeholder="用户名"
													   onkeypress="pressFocusNext(event,$('#login-content input[name=password]'))"
													   required autocomplete="off" >
												<input id="password" type="password" name="password" placeholder="密码"
													   onkeypress="pressEnterTo(event,user.login_submit,this)" required>
                                            </fieldset>

 

回车+CTRL换行

/*
 * 回车+CTRL换行
 * 
 */
newline = function (event) {
    if (event.keyCode == 13 && event.ctrlKey) {
        if (document.selection) {
            var selectText = document.selection.createRange();
            if (selectText) {
                if (selectText.text.length > 0)
                    selectText.text += "\r\n";
                else
                    selectText.text = "\r\n";
                selectText.select();
            }
        }
        else {
            var obj = com.whuang.hsj.getSrcElement(event);
            obj.value += "\r\n";
        }
    }
};

 

 

0
1
分享到:
评论

相关推荐

    纯javascript实现副文本框

    总之,纯JavaScript实现副文本框是一个涉及HTML、CSS和JavaScript三者结合的复杂任务,需要对DOM操作、事件处理、数据序列化等方面有深入理解。实践这个项目不仅能提升JavaScript技能,也能增强对前端开发的整体把握...

    Qt QTextEdit 实现快捷键注释功能

    另外,你可能需要根据不同的语言(如C++、Python、JavaScript)来选择不同的注释符号(如`/* ... */`、`#`等)。这些细节可以根据具体需求进行扩展和优化。 以上就是利用Qt的QTextEdit组件实现快捷键注释功能的详细...

    js限制文本框只能输入数字或字母的方式总结.pdf

    在JavaScript中,我们经常需要对用户在文本框(`&lt;input&gt;`)中的输入进行限制,以确保数据格式的正确性。以下是一些常见的方法来限制文本框只接受数字或字母的输入: 1. **只能输入字母和汉字**: 通过监听`onkeyup...

    在线编辑文本框.zip

    2. **JavaScript/jQuery**:JavaScript是实现动态交互的关键,Ueditor就是基于JavaScript构建的。它可以监听用户的输入事件,处理各种编辑操作,如格式化文本、插入图片等。jQuery库常被用于简化DOM操作,提高代码的...

    常用文本框工具

    1. **代码高亮**:Notepad2 支持多种编程语言的语法高亮,如HTML、CSS、JavaScript、Python、Java等,这使得代码更易读,降低了阅读和理解代码的难度。 2. **自动换行与自定义行宽**:对于长行文本,Notepad2 提供...

    五笔编码查询工具(念青字库) 新增快捷键 | #hta #五笔 #javascript

    标题中的“五笔编码查询工具(念青字库) 新增快捷键”表明这是一个用于查询五笔字型编码的软件工具,特别强调了它已经增加了快捷键功能,以提高用户在输入五笔编码时的效率。五笔字型是一种常见的汉字输入法,通过将...

    HTML实现@功能与emoji表情功能的输入框(免费下载)

    3. **键盘快捷键**:允许用户通过键盘快捷键选择emoji,例如数字+表情码(如`:)`对应笑脸)。 4. **响应式设计**:确保在不同设备和屏幕尺寸上,@功能和emoji输入框都能正常工作。 通过以上步骤,我们可以构建一个...

    JS input文本框禁用右键和复制粘贴功能的代码

    JS(JavaScript)作为一种灵活的脚本语言,在这方面提供了极大的便利。通过编写特定的JS代码,可以有效地禁用input文本框的右键菜单功能和复制粘贴功能。 首先,禁用input文本框的右键菜单功能可以通过监听鼠标事件...

    jquery 鼠标滚轮控制文本框数字改变

    &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt; ``` 接着,我们需要选择目标文本框元素,并为其绑定mousewheel或wheel事件。在事件处理函数中,我们可以获取当前的数值,然后根据滚轮的滚动方向...

    只允许输入数字的文本框

    然而,这并不能完全阻止用户通过键盘快捷键或其他方式输入非数字字符。为了更严格地控制输入,我们需要在JavaScript中添加额外的验证逻辑。下面是一个简单的例子,展示了如何监听`input`事件,实时检查并清理非法...

    Dreamweaver注释怎么设置快捷键?

    同样的方法也可以用于设置CSS和JavaScript的注释快捷键,只需找到相应的命令并重复上述步骤。 总的来说,通过自定义Dreamweaver的快捷键,你可以根据个人习惯优化你的开发流程,提高工作效率。记得定期备份你的...

    javascript中文本框中输入法切换的问题

    这样设置后,文本框会激活本地语言输入法,适用于需要中文输入的场景。而对于不需要中文输入的场景,则可以设置为: ```html ;"&gt; ``` 这样设置后,即使用户尝试切换输入法,输入框也不会响应中文等本地语言输入法。 ...

    CopyPaste-master_html_keyboard_manufacturingzjy_javascript_copy_

    标题中的"CopyPaste-master_html_keyboard_manufacturingzjy_javascript_copy_"暗示这是一个与复制和...例如,`index.html`文件可能包含了HTML结构,`.js`文件包含了JavaScript逻辑,而`.css`文件则定义了应用的样式。

    CCS文本框禁止拖拽和粘贴

    在IT领域,特别是前端开发中,控制用户对网页元素的操作是一项常见需求,比如阻止文本框中的拖拽和粘贴功能。根据给定的文件信息,我们将深入探讨如何使用CSS和JavaScript来实现这一功能,以及相关的技术细节。 ###...

    关于文本框的一些限制控制总结~~

    总的来说,通过CSS的`ime-mode`属性和JavaScript的`onpaste`事件,我们可以轻松地实现对文本框输入中文和粘贴功能的限制。这些控制方式可以帮助开发者更好地维护数据的规范性和安全性,尤其适用于需要特定格式输入的...

    Js 实现文字爬楼滚动效果 结合文本框

    5. 交互性:为了增加用户交互性,可以编写Js代码来控制用户全选文本内容(`Ctrl+A`快捷键)。此外,如果使用外部Js库,则需要在页面刷新后执行相关的Js代码。 6. 兼容性:在不同浏览器上测试效果,以保证兼容性,并...

    基于jQuery的Spin Button自定义文本框数值自增或自减(测试案例)

    在本文中,我们将深入探讨如何使用jQuery库创建一个自定义的Spin Button,也称为数值选择器,用于文本框中的数值自增或自减。这个功能常见于许多网页表单,尤其是涉及数量输入的地方,比如购物车的商品数量调整。...

    zendstudio自定义快捷键和其svn设置[定义].pdf

    也可以根据需要指定特定的文件扩展名,如.php, .html, .htm, .js, .css等。 5. 最后点击“OK”,并提交更改。 完成以上步骤后,任何团队成员在修改设置了此属性的文件之前,必须先获取文件的锁。 接下来,我们讨论...

    禁止文本框内的右键菜单

    CSS也可以用来隐藏文本框的右键菜单,但这种方法并不完全有效,因为用户仍可以通过键盘快捷键或其他手段触发右键菜单。例如: ```css #myTextBox { -webkit-user-select: none; /* 针对Chrome和Safari */ -moz...

Global site tag (gtag.js) - Google Analytics