用keyup页面input和p文字同步,keydown时input比p多一个字符不同步?

用keyup页面input和p文字同步,keydown时input比p多一个字符不同步?

$(document).ready(function(){

          $('input').keyup(function(){

            $('p').text($(this).val());

        });

      });


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
樱桃小胖子 2019-06-16 11:37:46

老师这边测试长按按键也是不同步的呢

http://img1.sycdn.imooc.com//climg/5d05b947000190ff06580272.jpg

http://img1.sycdn.imooc.com//climg/5d05b9550001937e12630563.jpg

建议同学再测试一下,然后数一下文本框和p中的个数知否一致哦

希望可以帮到你!

樱桃小胖子 2019-06-16 11:17:18

按下键盘会触发键盘事件,顺序依次为:keydown->keypress->keyup

keydown、keypress事件触发在文字还没嵌入到文本框(只是按下字符键,显示的结果),即这时如果在keydown、keypress事件中输出文本框中的文本,得到的是触发键盘事件前的文本,而keyup事件触发时整个键盘事件的操作已经完成,获得的是触发键盘事件后的文本

希望可以帮到你!

  • 提问者 慕码人4584115 #1
    多谢辛苦,刚操作了一下,用keydown长按按键就可以同步,这是什么原因
    2019-06-16 11:22:19
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师