onkeypress监听不到事件

2011-08-05 11:42:23 174 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

如何在React中监听键盘事件在React中，我们经常需要监听用户的键盘事件，以便根据用户的输入做出相应的反应。通过监听键盘事件，我们可以实时检测用户的输入并进行相应的验证。例如，我们可以监听用户输入的内容，并在输入达到一定长度时显示一个错误提示。在本文中，我们学习了如何在React中监听键盘事件，并展示了一些常见的应用场景。通过监听键盘事件，我们可以实现键盘导航功能，使用户能够使用键盘快速浏览和选择菜单项。的事件处理函数，当用户按下键盘上的任意键时都会触发该函数。在上面的代码中，我们监听了输入框的。在上面的代码中，我们通过监听。阅读详情

JSP代码如下：



<form>

	<div class="x_input">

		<p><input name="userCode" value="" type="text" id="user.USER_CODE" style="font-size:12px; font-family:Arial;"  />

		</p>

	  <p style="margin-top:4px;"><input name="password" value="" type="password" id="user.PASSWORD" style="font-size:12px; font-family:Arial;" >

			<span style="margin-left:12px;">

				<input id="SubId" type="button" onclick="login();" onkeypress="login();" style="width: 67px; height: 22px; background: url(images/x_login.png); border: 0px;"/>

			</span>	

	  </p>

	</div>

</form>

javascript函数如下：



<script type="text/javascript">

function login(){

  var userCode=document.all.userCode.value;

  var password=document.all.password.value;

  Ext.Ajax.request({

        method:'POST',       

        url:'loginUser', 

        params:{"user.USER_CODE":userCode,"user.PASSWORD":password},

        success:function(response, options){   

         var respText = Ext.util.JSON.decode(response.responseText);     

         if(respText.msg=="登录成功!"){

            var data = respText.data;

                var userName=respText.userName;

                var userId=respText.userId;

                var topicNames = new Array(); 

                var topicIds = new Array(); 

                if (typeof(data) != "undefined" && data.length > 0) 

		       {

      			 for(var i=0;i<data.length;i++)

      			 {

			        	topicNames.push(data[i]["topic_name"]);

			        	topicIds.push(data[i]["topic_id"]);			        	

      			  }

		       }

                    

    		 var f=document.createElement("form");

                f.action=rootPath+"/IasManager.jsp";

                f.method="post";//指定为post

                f.innerHTML="<input type='hidden' name='userName' value='"+userName+"'/>;"+

                "<input type='hidden' name='userId' value='"+userId+"'/>;"+

                "<input type='hidden' name='topicNames' value='"+topicNames+"'/>;"+

                "<input type='hidden' name='topicIds' value='"+topicIds+"'/>";

                document.appendChild(f);

                 f.submit();

                 

         } else{

         	 Ext.MessageBox.minWidth = 150;

             Ext.Msg.alert('提示',respText.msg);

         }    

       },

        failure:function(response, options){  

         Ext.MessageBox.minWidth = 120;   

         Ext.Msg.alert('提示','操作失败。');

         }

       

      });

   }

    

</script>

onclick就有用，而onkeypress就不好用，分不够，菜鸟求指点！

...全文

告别VMware Tools！用open-vm-tools在Ubuntu 22.04上搞定共享文件夹（附开机自动挂载）本文详细介绍了在Ubuntu 22.04上使用open-vm-tools替代VMware Tools实现高效共享文件夹管理的方法。通过开源工具open-vm-tools，用户可避免传统方案的兼容性问题，享受自动适配内核、系统更新同步等优势。文章包含从安装配置到开机自动挂载的全流程指导，特别适合在VMware虚拟机中运行Ubuntu Desktop的开发者提升工作效率。阅读详情

Lyn_0629

Web 开发 81,108 成员 341,721 内容

+ 关注 + 加入社区

onkeypress监听不到事件

相关推荐