标签: onkeyup

我正在使用键盘检测到我的所有表单来检测输入按钮.这很容易,如果您在输入并且事件keyCode等于13然后提交表单时,您将注意力集中在表单的输入中.

但是现在我想要检测Cmd + Enter组合,因为当你专注于textarea时,输入按钮是一个换行符.那么我的检测语句应该如何？

谢谢

我有一个函数,我想执行keyup2个不同class的textfields.当只分配了一个类时,下面的代码运行良好,keyup但是当我添加第二个类时class它可以工作但是有很多延迟.要么class本身工作正常所以我假设我class不正确地将第二个添加到事件处理程序.代码是:

$(document).ready(function(){

    $(".class1").each(function() {

        //!!!!!!! .class2 here adds lag !!!!!!!!!!
        $('.class1,.class2').keyup(function(){
            myFunction1();

        });
    });

    $(".class2").each(function() {

        $(this).keyup(function(){
            myFunction2();
        });

    });
});

我有一个输入,用户输入一个搜索参数,目前我在keyup上有一个POST ajax请求到一个返回搜索结果的PHP脚本.然而,它在大约10秒内(如用户输入的那样)发出500亿(不是字面意思)的发布请求,这会减慢整个体验.我可以通过检测空格键的使用来使用jQuery来检测"wordup"而不是"keyup"吗？

这有意义吗？

我想要一个输入框,用户可以在其中添加或更改文本,同时(或在完成之后),我想要更新div中的文本,使用刚刚输入的文本.

这是我使用的代码

JAVASCRIPT:

<script language="javascript" type="text/javascript"> 
function change(boxid,divtoaffect) { 
content = document.getElementById("" + boxid + "").value; 
document.getElementById(divtoaffect).innerHTML = content; 
} 
</script> 

HTML:

<table border="0" cellpadding="5" cellspacing="0" style="border-bottom:1px solid black; border-right:1px solid black; border-left:1px solid black; border-top:1px solid black" width="50%">
<tr>
    <td >Name:<br/><input type="text" id="text1" onKeyPress="change('text1','output1')"  /></td>
    <td valign="bottom"><div id="output1" style="font-weight:bold;height:20px;"></div></td>
</tr>
<tr>
    <td>Designation:<br/><textarea id="text2" rows="1" onKeyPress="change('text2','output2')"></textarea></td>
    <td valign="bottom"><div  id="output2" style="height:40px;"></div> </td>
</tr>
<tr>
    <td>Address:<br/><textarea id="text3" rows="2" onKeyPress="change('text3','output3')"></textarea></td>
    <td valign="bottom"><div id="output3" style="height:50px;"></div></td>
</tr>
</table>

这里的问题是,当我在文本框中键入第二个单词时,它会更新DIV,即当我键入单个单词时,它不会显示在DIV中,当我键入第二个单词时,它会显示DIV中的第一个单词.

而且当我在Textarea字段中按Enter键时,在DIV中它继续在同一行.这是图像

是否可以在不使用 jquery 的情况下在输入文本时调用 javascript 函数？

<input name = 'text' type = 'text' onEnter('callJavascriptFunction')> 

^---onEnter 最好像上面一样位于元素内部......

我正在尝试使用 onkeyup 事件基于 div contenteditable 元素的另一个文本来绑定 div 元素文本值，如下所示：

var input = document.getElementById('editor');

    input.onkeyup = function() {
  document.getElementById('console').innerHTML = input.text;
  }

这是我的标记：

<div id="editor" contenteditable>text here</div>

<div id="console"></div>

或者这是演示

但这不起作用。我希望我们在 contenteditable div 元素上键入的任何文本也可以直接更改<div id="console"></div>

很抱歉给您带来令人困惑的解释，希望你们理解我的问题，我的问题是我该如何解决这个问题？或者有什么想法吗？

我正在使用 jQuery 2。如果文本框中的空格是前导空格（例如在字符串的开头），我如何防止在文本框中输入空格？我以为这会做到

   $(document).on("keyup","#s" ,function(evt){
     var firstChar = $("#s").val()
     if(evt.keyCode == 32 && firstChar){
       $("#s").val( $("#s").val().trim() )
       console.log(" called ")
       return false;
     }
  })

基本上它确实如此，但它有点马虎。你可以看到这个空间被输入然后被移除，我正在寻找稍微平滑的东西——这个空间甚至没有首先出现在教科书中。