{"id":12193,"date":"2019-09-24T04:12:39","date_gmt":"2019-09-24T09:12:39","guid":{"rendered":"httpss:\/\/www.powenko.com\/wordpress\/?p=12193"},"modified":"2019-09-24T04:12:39","modified_gmt":"2019-09-24T09:12:39","slug":"03-%e8%87%aa%e5%8b%95%e6%94%b9%e8%ae%8ainput-%e7%9a%84%e5%a4%a7%e5%b0%8f","status":"publish","type":"post","link":"https:\/\/www.powenko.com\/wordpress\/?p=12193","title":{"rendered":"03- \u81ea\u52d5\u6539\u8b8ainput \u7684\u5927\u5c0f"},"content":{"rendered":"<p><a href=\"httpsss:\/\/js.do\/powenko\/04-inputstringlengthutf8\">httpsss:\/\/js.do\/powenko\/04-inputstringlengthutf8<\/a><\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n&lt;script src=&quot;\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.1.0\/jquery.min.js&quot;&gt;&lt;\/script&gt;\r\n&lt;style&gt;\r\n.input_area span{   \r\n    display:block;   \r\n    float:left;   \r\n    width:100px;   \r\n    text-overflow:ellipsis;   \r\n    overflow:hidden;   \r\n}  \r\n&lt;\/style&gt;\r\n\r\n&lt;div class=&quot;input_row clearfix&quot;&gt;  \r\n    &lt;label&gt;Account&lt;\/label&gt;  \r\n    &lt;div class=&quot;input_area&quot;&gt;  \r\n        &lt;input type=&quot;text&quot; class=&quot;input_field&quot; size=&quot;2&quot;&gt;  \r\n        &lt;span title=&quot;thisisacompanythisisacompany&quot;&gt;@thisisacompanythisisacompany&lt;\/span&gt;  \r\n    &lt;\/div&gt;  \r\n&lt;\/div&gt;\r\n&lt;script&gt;\r\n\/\/ Edit your script here\r\nfunction stringBytes(c){\r\n  var n=c.length,s;\r\n  var len=0;\r\n  for(var i=0; i &lt;n;i++){\r\n   s=c.charCodeAt(i);\r\n   while( s &gt; 0 ){\r\n      len++;\r\n      s = s &gt;&gt; 8;\r\n   }\r\n  }\r\n  return len;\r\n}\r\nfunction resizeInput() {   \r\n        $length=$(this).val().length;   \r\n        if($length==0){   \r\n            $(this).attr('size', 2);   \r\n        }else if($length&lt;15){   \r\n            $(this).attr('size',stringBytes( $(this).val()));   \r\n        }else{   \r\n            $(this).attr('size', 15);   \r\n        }      \r\n}   \r\n$('.input_field')   \r\n    \/\/ event handler   \r\n    .keyup(resizeInput)   \r\n    \/\/ resize on page load   \r\n    .each(resizeInput);   \r\n\r\n&lt;\/script&gt;\r\n&lt;!-- edit your html here --&gt;\r\n\r\n\r\n\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>httpsss:\/\/js.do\/powenko\/04-inputstringlengthutf8 &lt;sc [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[556],"tags":[],"class_list":["post-12193","post","type-post","status-publish","format-standard","hentry","category-ch02-"],"_links":{"self":[{"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/12193"}],"collection":[{"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12193"}],"version-history":[{"count":1,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/12193\/revisions"}],"predecessor-version":[{"id":12195,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/12193\/revisions\/12195"}],"wp:attachment":[{"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}