blocks|key|825797|text|为了不仅禁用控件，还禁用其他控件，我发现：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|825798|++++++++function+disableCtrlModifer(evt)
++++++++{
++++++++++++var+disabled+=+{s:0};
++++++++++++var+ctrlMod+=+(window.event)?+window.event.ctrlKey+:+evt.ctrlKey;
++++++++++++var+key+=+(window.event)?+window.event.keyCode+:+evt.which;
++++++++++++key+=+String.fromCharCode(key).toLowerCase();
++++++++++++return+(ctrlMod+&&+(key+in+disabled))?+false+:+true;
++++++++}|code-block|syntax|javascript|825799|从这里拍摄：http://www.arraystudio.com/as-workshop/disable-ctrl-n-and-other-ctrl-key-combinations-in-javascript.html|offset|length|825800|你可以修改它以适应你的需要。虽然我不知道"keyBinding“是什么，但是我将如何将它插入到您的代码中：|825801|<!DOCTYPE+html>
<html>
++++<head>
++++++++<script+type="text/javascript"+src="Charts/js/jquery-1.6.2.js"></script>
++++++++<script+type="text/javascript">

++++++++++++function+disableCtrlModifer(+evt+)
++++++++++++{
++++++++++++++++var+disabled+=+{+s:0+};+//+You+can+add+more+keys+here+:)
++++++++++++++++var+ctrlMod+=+(+window.event+)+?+window.event.ctrlKey+:+evt.ctrlKey;
++++++++++++++++var+key+=+(+window.event+)+?+window.event.keyCode+:+evt.which;
++++++++++++++++key+=+String.fromCharCode(+key+).toLowerCase();
++++++++++++++++return+(+ctrlMod+&&+(key+in+disabled)+)+?+false+:+true;
++++++++++++}

++++++++++++$(+document+).ready(function()
++++++++++++{
++++++++++++++++$(+"[id%5E='formCtrl']"+).each(function()
++++++++++++++++{
++++++++++++++++++++var+me+=+$(+this+);
++++++++++++++++++++var+myId+=+me.attr(+"id"+);
++++++++++++++++++++var+keyBinding+=+myId.replace("form",+"").replace(+/(.{4})/g,"$1%2B"+);
++++++++++++++++++++//$(document).bind(+"keydown+keypress+keyup",+disableCtrlModifer+);
++++++++++++++++++++me.find(+"input"+).each(+function()
++++++++++++++++++++{
++++++++++++++++++++++++$(+this+).bind(+"keydown+keypress+keyup",+keyBinding,+disableCtrlKeyCombination+);
++++++++++++++++++++});
++++++++++++++++});
++++++++++++});
++++++++</script>
++++</head>
++++<body>
++++++++<form+id="formCtrl-123"+method="get">
++++++++++++<input+type="text"+name="test1"+value=""+/>
++++++++</form>
++++</body>
</html>|825802|entityMap|0|LINK|mutability|MUTABLE|url|http://www.arraystudio.com/as-workshop/disable-ctrl-n-and-other-ctrl-key-combinations-in-javascript.html^0|0|0|6|2W|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@$I|Z|J|10|1|11]]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

<p>To disable not only control-s but others, I found this:</p>

<pre><code>        function disableCtrlModifer(evt)
        {
            var disabled = {s:0};
            var ctrlMod = (window.event)? window.event.ctrlKey : evt.ctrlKey;
            var key = (window.event)? window.event.keyCode : evt.which;
            key = String.fromCharCode(key).toLowerCase();
            return (ctrlMod &amp;&amp; (key in disabled))? false : true;
        }
</code></pre>

<p>Taken from here:
<a href="http://www.arraystudio.com/as-workshop/disable-ctrl-n-and-other-ctrl-key-combinations-in-javascript.html" rel="nofollow">http://www.arraystudio.com/as-workshop/disable-ctrl-n-and-other-ctrl-key-combinations-in-javascript.html</a></p>

<p>You can modify it to suit your needs. Although I don't know what "keyBinding" is, here's how I would plug it into your code:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;script type="text/javascript" src="Charts/js/jquery-1.6.2.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript"&gt;

            function disableCtrlModifer( evt )
            {
                var disabled = { s:0 }; // You can add more keys here :)
                var ctrlMod = ( window.event ) ? window.event.ctrlKey : evt.ctrlKey;
                var key = ( window.event ) ? window.event.keyCode : evt.which;
                key = String.fromCharCode( key ).toLowerCase();
                return ( ctrlMod &amp;&amp; (key in disabled) ) ? false : true;
            }

            $( document ).ready(function()
            {
                $( "[id^='formCtrl']" ).each(function()
                {
                    var me = $( this );
                    var myId = me.attr( "id" );
                    var keyBinding = myId.replace("form", "").replace( /(.{4})/g,"$1+" );
                    //$(document).bind( "keydown keypress keyup", disableCtrlModifer );
                    me.find( "input" ).each( function()
                    {
                        $( this ).bind( "keydown keypress keyup", keyBinding, disableCtrlKeyCombination );
                    });
                });
            });
        &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;form id="formCtrl-123" method="get"&gt;
            &lt;input type="text" name="test1" value="" /&gt;
        &lt;/form&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>


blocks|key|2677459|text|我猜想热键事件正在被输入捕获，然后被阻塞。尝试将事件直接添加到输入中，而不是添加到表单中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2677460|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>I would guess that the hotkey event is being captured by the input and then blocked. Try adding the event to the inputs directly, instead of to the form.</p>


<p>I've got a page with a bunch of little forms.  I want to dynamically assign a hotkey to submit each form.  The code looks like:</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;form:form id="formCtrlr" action="review.html"&gt;
    &lt;input name="id" type="hidden" value=""/&gt;
&lt;/form:form&gt;
&lt;form:form id="formCtrls" action="save.html"&gt;
    &lt;input name="id" type="hidden" value=""/&gt;
&lt;/form:form&gt;
</code></pre>

<p>...lots of other little forms like this each with a unique id related to the hotkey...</p>

<p><strong>jQuery</strong></p>

<pre><code>$('[id^="formCtrl"]').each(function() {
    var me = $(this);
    var myId = me.attr("id");
    var keyBinding = myId.replace("form", "").replace(/(.{4})/g,"$1+");

    $(document).bind('keydown', keyBinding, function (evt){ 
        evt.stopPropagation();
        evt.preventDefault();
        $("#"+myId).submit();
        return false;
    });
});
</code></pre>

<p>Simple right?  But there are also several text inputs on the page and if the user is typing in one of those fields and hits one of the hotkeys, the corresponding form is not submitted and in fact if the hotkey matches something for the browser like Ctrl-s the save dialog is shown.  Any idea how I can stop this from happening?</p>


jQuery hotkeys plugin to submit a form not working when in an input

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一页有很多小表格的。我想动态分配一个热键来提交每个表单。代码看起来像：<form:form id="formCtrlr" action="review.html">    <input name="id" type="hidden" value=""/></form:form><form:form id="form...

问jQuery热键插件在输入时提交不起作用的表单
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery热键插件在输入时提交不起作用的表单EN