jQuery 文字复制功能，keyup事件执行函数

发布时间：2018-08-19 17:15:44 所属栏目：交互来源：站长网

导读：代码的意思是说让p元素的text始终等于d的value，第一个keyup是定义了keyup事件执行的函数，第二个keyup是模拟一次keyup事件，也就是执行一下keyup里定义的函数，以此来保证页面初始状态下p元素的text就等于d的value，如果去掉后一个keyup看似也没有问题，

　　代码的意思是说让p元素的text始终等于d的value，第一个keyup是定义了keyup事件执行的函数，第二个keyup是模拟一次keyup事件，也就是执行一下keyup里定义的函数，以此来保证页面初始状态下p元素的text就等于d的value，如果去掉后一个keyup看似也没有问题，但是当你在input中写入些东西后再刷新页面，就会发现input中的内容还在但p中的内容已经不复存在了，这就是input的特殊之处，所以要用第二个keyup来进行页面的初始化，让两者内容在一开始就保持同步。

　　$(document).ready()是在DOM结构载入完后执行的，而window.onloal是得在所有文件都加载完后执行的，注意区别，一个是DOM加载完，一个是所有文件加载完。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JS文字复制功能</title> <script type="text/javascript" src="/uploads/common/js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").keyup(function () { var value = $(this).val(); $("p").text(value); }).keyup(); }); </script> </head> <body> <input type="text" id="d" /> </body> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

开发人员和设计师在 2	物联网在执法中的实践
关注工业 4.0 的最新物	物联网的七大技术走向