{"id":1891,"date":"2017-02-23T10:55:47","date_gmt":"2017-02-23T02:55:47","guid":{"rendered":"http:\/\/gaigaiming.com\/?p=1891"},"modified":"2017-02-23T10:55:47","modified_gmt":"2017-02-23T02:55:47","slug":"js%e8%8e%b7%e5%8f%96%e4%b8%8d%e5%88%b0div-style-left%ef%bc%8c%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88","status":"publish","type":"post","link":"https:\/\/www.gaigaiming.com\/index.php\/2017\/02\/23\/js%e8%8e%b7%e5%8f%96%e4%b8%8d%e5%88%b0div-style-left%ef%bc%8c%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88\/","title":{"rendered":"js\u83b7\u53d6\u4e0d\u5230div.style.left\uff0c\u89e3\u51b3\u65b9\u6848"},"content":{"rendered":"

element.style.left \u53ea\u80fd\u83b7\u5f97element\u7684\u884c\u5185\u6837\u5f0f\uff0c\u4e00\u822c\u5199\u5728style\u6216css\u6587\u4ef6\u5185\u7684left\u5c31\u65e0\u6cd5\u83b7\u5f97\u3002<\/p>\n

\u89e3\u51b3\u65b9\u6848\uff0c\u901a\u8fc7\u5b57\u7b26\u4e32\u622a\u53d6\u548c\u9690\u5f0f\u8f6c\u6362<\/p>\n

var oBox=$(“box”);
\n\t\t\tdocument.onkeydown=function(evt){
\n\t\t\t\tvar e = evt||window.event;
\n\t\t\t\tvar addNum = 10;
\n\t\t\t\tvar _left = strToNum(oBox.style.left);
\n\t\t\t\tvar _top = strToNum(oBox.style.top);
\n\t\t\t\tif(e.keyCode==37){
\n\t\t\t\t\toBox.style.left=(_left-addNum)+”px”
\n\t\t\t\t}
\n\t\t\t\tif(e.keyCode==38){
\n\t\t\t\t\toBox.style.top=(_top-addNum)+”px”;
\n\t\t\t\t}
\n\t\t\t\tif(e.keyCode==39){
\n\t\t\t\t\toBox.style.left=(_left+addNum)+”px”;
\n\t\t\t\t}
\n\t\t\t\tif(e.keyCode==40){
\n\t\t\t\t\toBox.style.top=(_top+addNum)+”px”;
\n\t\t\t\t}
\n\t\t\t}
\n\t\t}
\n\t\tfunction $(id){
\n\t\t\treturn document.getElementById(id);
\n\t\t}
\n\t\tfunction strToNum(str){
\n\t\t\tvar index = str.indexOf(“px”);
\n\t\t\treturn str.substring(0,index)-0;<\/p>\n

\t\t}<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

element.style.left \u53ea\u80fd\u83b7\u5f97element\u7684\u884c\u5185\u6837\u5f0f\uff0c\u4e00\u822c\u5199\u5728style\u6216css\u6587\u4ef6\u5185\u7684le […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1891","post","type-post","status-publish","format-standard","hentry","category-4"],"_links":{"self":[{"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/posts\/1891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/comments?post=1891"}],"version-history":[{"count":0,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/posts\/1891\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/media?parent=1891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/categories?post=1891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/tags?post=1891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}