keypress/keyup 在 chrome 移动浏览器上不起作用

     2023-05-09     85

关键词:

【中文标题】keypress/keyup 在 chrome 移动浏览器上不起作用【英文标题】:keypress/keyup is not working on chrome mobile browser 【发布时间】:2018-07-17 23:55:43 【问题描述】:

我一直在基于 Web 的 Asp.net MVC 应用程序中使用 jquery,当我使用 chrome mobile 测试我的工作时,我发现基于 keypress/keyup 的 jquery 功能不起作用。

我不知道为什么它不能在移动浏览器上运行。它在桌面浏览器上正常运行。

谁能解决我的问题,在此先感谢。

【问题讨论】:

另外,keyup not working on Chrome on Android 可能重复 谢谢@FedericoklezCulloca 【参考方案1】:

这对我有用: http://www.dotnetfunda.com/forums/show/8137/onkeyup-event-not-firing-in-firefox-and-chrome

代码:

<textarea name="textarea" id="txtComments" rows="3" onkeyup='return fnMaxLength(this,"5");' style="width: 940px" ></textarea> 

function fnMaxLength(field, maxChars)

if (field.value.length >= maxChars)  

    var object = "-More than " + maxChars + " characters have been entered.";

    //errorAlert("error", "Maximum length error", object);

    alert(object);

    return false; 

 

【讨论】:

keydown,keypress,keyup三者之间的区别(代码片段)

...不能包好非数值的字符,而相应文本中插入字符的操作是keypress事件,所以就想通过阻止这个事件的默认事件行为来阻止这个事件的默认行为来屏蔽此类字符,但是屏蔽之后所有的安检操作都会被屏蔽,文本框会变成可读的。如... 查看详情

vb编程的键盘控制

...较简单,遇到复杂一点的要求即无能为力。因而VB提供了KeyPress、KeyUp、KeyDown三种键盘事件,当用户按键时,会触发这三种事件,而且窗体和接受键盘输入的控件都识别这三种事件。下表对这些事件作了描述:键盘事件 触发... 查看详情

Chrome 的“Replay XHR”功能被移除了吗?

】Chrome的“ReplayXHR”功能被移除了吗?【英文标题】:Chrome\'s"ReplayXHR"featureremoved?【发布时间】:2017-05-0408:42:31【问题描述】:我一直在使用Chrome的“ReplayXHR”功能进行调试,但它似乎突然消失了?大约一周前它曾经在那... 查看详情

按键事件笔记

按键会触发按键事件(KeyboardEvent{}),触发顺序为keydown,keypress,keyup组合键是,即使输入一个字符,也会触发多次keydown,keyup事件eg:<divclass="aa"contenteditable="true"onkeydown="a(event)"></div>functiona(event){  &nbs 查看详情

登录的回车事件

登录的回车事件键盘事件有3:keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘。推荐(防止笔记本键盘不小心触摸到了):$(document).keyup(function(event){if(event.keyCode==13){$("#submit").trigger("click");}});//submit点击事件正常写1.... 查看详情

将chrome中的缓存数据移出c盘

Chrome浏览器会默认的将用户的缓存是数据存放于 C:Users你的用户名AppDataLocalGoogleChromeUserData文件夹内。用久了之后,就会积攒大量缓存数据与C盘内。尤其在Win10系统C盘日益吃紧的前提下,将缓存是数据移至其他盘符很有必要... 查看详情

javascript控制回车键进行表单(form)提交(转)

一、采用钩子事件去捕获键盘事件有3个:keydown,keypress,keyup分别是按下,按着没上抬,上抬键盘。$(document).keyup(function(event){if(event.keyCode==13){$("#submit").trigger("click");}});推荐:keyup,防止笔记本键盘不小心触摸到。1、有些文档中... 查看详情

jquery事件

一、jquery常用的事件click(),dbclick()  focus(),blur()  change()  keydown(),keypress(),keyup() mousedown(),mouseup()  mouseenter(),mouseleave() mouseover(),mo 查看详情

jquery基础事件

...、mousemove、mouseover、mouseout、change、select、submit、keydown、keypress、keyup、blur、focus、load、resize、scroll、error。。。。。二.Query通过.bind()方法来为元素绑定这些事件。可以传递三个参数:bind(ty 查看详情

如何使用 jQuery 模拟打字?

...【参考方案1】:您可以根据需要使用这些事件:.keydown().keypress().keyup()【讨论】:【参考方案2】:如果您真的想模拟输入(即包括触发事件并将 查看详情

显示 flex 在 Chrome 和 Safari 中的行为不同

】显示flex在Chrome和Safari中的行为不同【英文标题】:DisplayflexactingdifferentlyinChromeandSafari【发布时间】:2017-11-2713:30:43【问题描述】:背景:在我的团队正在开发的工具中,我们正在实现一个header,它基于事件侦听器以编程方式... 查看详情

如何删除 Chrome 存储的自动填充数据?

】如何删除Chrome存储的自动填充数据?【英文标题】:HowtodeletetheautofilldatastoredbyChrome?【发布时间】:2017-02-1507:00:53【问题描述】:如何删除Chrome存储的自动填充数据,每次我将光标移到空白字段时都会弹出?【问题讨论】:expl... 查看详情

jquery监控键盘(回车执行按钮单击事件)

keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘  <inputid="gotoPage"type="button"value="回车按钮"onclick="hc()"/> <script>  $(document).keydown(function(event)    & 查看详情

plugins为啥无法打开

...面就基本只剩下Flash、PDF两款插件可以访问。用户可以在chrome://settings/content调整Flash、PDF的设置。其实,移除掉确实没啥影响。很多人想要进去chrome://plugins,是因为chrome的flash无法使用,用户可以在chrome://components/里插件abodeflashp... 查看详情

chrome和safari中的css菜单悬停“挂起”

】chrome和safari中的css菜单悬停“挂起”【英文标题】:cssmenuhover"hangs"inchrome&safari【发布时间】:2011-02-0911:59:21【问题描述】:问候-挣扎于三级CSS菜单。在Mac版FireFox和Opera中运行良好,但在Chrome和Safari中,在您将光标... 查看详情

如何在 UIImageView 中平移图像?

】如何在UIImageView中平移图像?【英文标题】:HowdoIpantheimageinsideaUIImageView?【发布时间】:2009-01-0709:29:28【问题描述】:我有一个UIImageView,它显示的图像比UIImageView更宽、更高。我想使用动画在视图中平移图像(以便平移美观且... 查看详情

无法在缩放的 ScrollView 中平移图像?

】无法在缩放的ScrollView中平移图像?【英文标题】:CannotpanimageinzoomedScrollView?【发布时间】:2021-10-2123:41:52【问题描述】:我想构建一个简单的视图,让我可以在滚动视图中显示图像,并让用户通过捏合来缩放图像并进行平移... 查看详情

在seaborn tsplot中将图例移到图外

】在seaborntsplot中将图例移到图外【英文标题】:Movelegendoutsidefigureinseaborntsplot【发布时间】:2015-08-1000:39:42【问题描述】:我想使用seaborn.tsplot创建一个时间序列图,就像在thisexamplefromtsplotdocumentation中一样,但是图例移到了右侧... 查看详情