{"id":30272,"date":"2024-11-25T16:04:16","date_gmt":"2024-11-25T08:04:16","guid":{"rendered":"https:\/\/fwq.ai\/blog\/30272\/"},"modified":"2024-11-25T16:04:16","modified_gmt":"2024-11-25T08:04:16","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%bc%80%e5%8f%91%ef%bc%88%e4%ba%8c%ef%bc%89%e5%ae%9e%e7%8e%b0%e5%88%86%e7%bb%84%e5%bc%80%e5%8f%91%e4%b8%8e%e5%b7%a6%e6%bb%91%e5%8a%9f%e8%83%bd","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/30272\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd"},"content":{"rendered":"<p><strong>\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u5148\u6765\u770b\u770b\u4eca\u5929\u7684\u6574\u4f53\u601d\u8def\uff1a<\/strong><br \/>\u8fdb\u5165\u5206\u7ec4\u7ba1\u7406\u9875\u9762&#8211;&gt;\u70b9\u51fb\u65b0\u5efa\u5206\u7ec4\u65b0\u5efa<br \/>\u8fdb\u5165\u5230\u672a\u5206\u7ec4\u9875\u9762\u57fa\u672c\u64cd\u4f5c<br \/>\u8fdb\u5165\u5230\u5df2\u5efa\u5206\u7ec4\u91cc\u9762\u5e95\u90e8\u83dc\u5355\u680f\u64cd\u4f5c&#8211;&gt;\u4ece\u540d\u7247\u5939\u4e2d\u6dfb\u52a0\u8fdb\u884c\u64cd\u4f5c\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/21b2cd88fb99e9a5d77447d15d355909-0.jpg\" style=\"max-width:90%\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe\" \/><\/p>\n<p><\/p>\n<p>\u7406\u6e05\u5b8c\u57fa\u672c\u6d41\u7a0b\u6211\u4eec\u5f00\u59cb\u5f00\u53d1\u3002\u9996\u5148\u6574\u4e2a\u5e03\u5c40\u53ef\u4ee5\u5148\u770b\u4e0b\uff0c\u6211\u518d\u4e00\u6b65\u6b65\u8bb2\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/21b2cd88fb99e9a5d77447d15d355909-1.jpg\" style=\"max-width:90%\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe1\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe1\" \/><\/p>\n<p><\/p>\n<p>\u5e03\u53f7\u5c40\u540e\uff0c\u6211\u4eec\u5f00\u59cb\u5b9e\u73b0\u65b0\u589e\u5206\u7ec4\u6548\u679c\uff0c\u5f53\u7136\u89e6\u53d1\u5b83\u51fa\u73b0\u7684\u662f<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/469d5c30dabeadb6f20dd3c02aab0a87-2.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe2\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe2\" \/><\/p>\n<p><\/p>\n<p>\u663e\u793a\u7a97\u53e3<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/469d5c30dabeadb6f20dd3c02aab0a87-3.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe3\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe3\" \/><\/p>\n<p><\/p>\n<p>\u70b9\u51fb\u53d6\u6d88\u6d88\u5931<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/77e2d9ecfbc11ec3135955926befd6ca-4.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe4\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe4\" \/><\/p>\n<p><\/p>\n<p>\u5f53\u91cc\u9762\u7684\u8f93\u5165\u6846\u5185\u5bb9\u53d1\u751f\u6539\u53d8\u65f6 bindinput \uff0c\u5927\u5bb6\u522b\u4f7f\u7528 bindchange \u4e8b\u4ef6\uff0c\u8fd9\u91cc\u7684 bindchange \u4e8b\u4ef6\u53ea\u6709\u5f53\u5931\u53bb\u7126\u70b9\u65f6\u624d\u4f1a\u88ab\u89e6\u53d1\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/77e2d9ecfbc11ec3135955926befd6ca-5.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe5\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe5\" \/><\/p>\n<p><\/p>\n<p>\u5f53\u8f93\u5165\u6846\u4e8b\u4ef6\u53d1\u751f\u65f6\uff0c\u786e\u5b9a\u4f1a\u53d8\u6210\u53ef\u4ee5\u70b9\u51fb\uff0c\u4e3a\u7a7a\u65f6\uff0caddTeam<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/77e2d9ecfbc11ec3135955926befd6ca-6.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe6\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe6\" \/><\/p>\n<p><\/p>\n<p>\u6837\u5f0f\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/b79cf4b9fecbc5b01d0f9e0dc8d6be45-7.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe7\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe7\" \/><\/p>\n<p><\/p>\n<p>\u91cc\u9762\u6709\u8868\u5355\u5c31\u4f7f\u7528\u4e86 from\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/b79cf4b9fecbc5b01d0f9e0dc8d6be45-8.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe8\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe8\" \/><\/p>\n<p><\/p>\n<p>\u521b\u5efa\u5206\u7ec4\u8bf7\u6c42\u4ea4\u4e92\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/b79cf4b9fecbc5b01d0f9e0dc8d6be45-9.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe9\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe9\" \/><\/p>\n<p><\/p>\n<p>\u521b\u5efa\u5206\u7ec4\u5b8c\u6210\uff0c\u8fd9\u91cc\u53ef\u80fd\u5f88\u591a\u7591\u95ee\uff0c\u4e3a\u4ec0\u4e48\u4e0d\u4f7f\u7528\u5fae\u4fe1\u63d0\u4f9b\u7684\u6a21\u6001\u6846\u7ec4\u4ef6\u6765\u5b9e\u73b0\uff0c\u800c\u662f\u81ea\u5df1\u5b9e\u73b0\uff0c\u5176\u5b9e\u6211\u4e5f\u5f88\u61d2\uff0c\u975e\u5e38\u60f3\u4f7f\u7528\u81ea\u5e26\u7684\u6a21\u6001\u6846\u7ec4\u4ef6\uff0c\u4f46\u662f\u53d1\u73b0\u5728\u6a21\u6001\u6846\u91cc\u9762\u63d0\u4ea4\u8868\u5355\u597d\u50cf\u6709\u70b9\u9ebb\u70e6\uff0c\u76f4\u63a5\u81ea\u5b9a\u4e49\u4e86\u3002<br \/>\u63a5\u4e0b\u6765\u521b\u5efa\u597d\u7684\u5206\u7ec4\u652f\u6301\u5de6\u6ed1\u4e0e\u91cd\u547d\u540d\uff0c\u4eca\u5929\u91cd\u70b9\u8c08\u4e0b\u5de6\u6ed1\u5220\u9664\u7684\u5b9e\u73b0\u65b9\u5f0f\u3002\u9996\u5148\u9700\u8981\u5de6\u6ed1\u7684\u662f\u88ab\u521b\u5efa\u597d\u7684\u5206\u7ec4\uff0c\u672a\u5206\u7ec4\u662f\u5199\u6b7b\u7684\uff0c\u6545\u800c\u4e0d\u652f\u6301\u7684\u3002<br \/>\u5de6\u6ed1\u5220\u9664\u4f7f\u7528\u4e86\u4e24\u4e2a\u4e8b\u4ef6 bindtouchstart \u4e0e bindtouchmove\uff0c\u8fd9\u91cc\u5fc5\u987b\u7ed1\u5b9a\u5b83\u7684 id\uff0c\u8fd9\u4e2a id \u90fd\u662f\u4e0d\u540c\u7684\uff0c\u6211\u8fd9\u4f7f\u7528\u7684\u7528\u6237\u521b\u5efa\u5b8c\u6210\u540e\u5728\u540e\u53f0\u751f\u6210\u7684\u4e00\u4e2a id \u53f7\uff0c\u4e4b\u540e\u6211\u518d block \u51fa\u6765\u4f7f\u7528\u5728\u8fd9\u91cc\uff0c\u8fd9\u4e2a id \u90fd\u662f\u552f\u4e00\u7684\uff0c\u4e0d\u80fd\u662f\u76f8\u540c\u7684 id\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/b79cf4b9fecbc5b01d0f9e0dc8d6be45-10.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe10\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe10\" \/><\/p>\n<p><\/p>\n<p>\u6837\u5f0f\u5e03\u5c40\uff0c\u7236\u5143\u7d20\u662f\uff0c\u5b50\u5143\u7d20\u5220\u9664\u662f\u76f8\u5bf9\u5b9a\u4f4d\uff0c\u9274\u4e8e\u6548\u679c\uff0c\u6211\u8fd9\u52a0\u4e86 css3 \u7684\u52a8\u753b\u6548\u679c\uff0c\u4f7f\u6ed1\u52a8\u5e26\u70b9\u52a8\u753b\u6548\u679c\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/d592689828d3bd937ee3aa72bc90828e-11.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe11\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe11\" \/><\/p>\n<p><\/p>\n<p>\u73b0\u5728\u6211\u4eec\u6765\u770b\u4e8b\u4ef6\u6784\u6210\uff1aBindtap \u70b9\u51fb\u4e4b\u540e\u76f4\u63a5\u662f\u8df3\u8f6c\u9875\u9762\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/d592689828d3bd937ee3aa72bc90828e-12.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe12\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe12\" \/><\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/c42fb323667c61414ed8b78402ce3cd0-13.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe13\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe13\" \/><\/p>\n<p><\/p>\n<p>\u5de6\u6ed1\u4ece\u89e6\u6478\u4e8b\u4ef6\u5f00\u59cb\uff0c\u5f53\u7136\u9700\u4f7f\u7528\u7684\u53c2\u6570\u5728\u5916\u9762\u6700\u597d\u5148\u5b9a\u4e49\u4e00\u4e0b\uff1a<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/c42fb323667c61414ed8b78402ce3cd0-14.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe14\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe14\" \/><\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/c42fb323667c61414ed8b78402ce3cd0-15.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe15\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe15\" \/><\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/7e156b48462573ce0c3785d059d94684-16.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe16\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe16\" \/><\/p>\n<p><\/p>\n<p>bindtouchStart \u53d1\u751f\u540e\uff0c\u4f1a\u6267\u884c bindtouchmove \u4e8b\u4ef6\uff0c\u5728\u8fd9\u91cc\u6211\u4eec\u53ef\u4ee5\u5224\u65ad\u662f\u5426\u5de6\u53f3\u6ed1\u52a8\uff1a<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/7e156b48462573ce0c3785d059d94684-17.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe17\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe17\" \/><\/p>\n<p><\/p>\n<ul>\n<li>\n<p>Var dataId = e.currentTarget.id \/\/\u83b7\u53d6\u5230\u524d\u9762\u552f\u4e00\u7684id\uff1b<br \/>If(key){ \/\/\u7528\u6237\u5de6\u6ed1\u8ddd\u79bb\u5f88\u957f\u65f6\u4f1a\u53d1\u751f\u591a\u6b21\u5de6\u6ed1\u4e8b\u4ef6\uff0c\u8fd9\u91cc\u5b9a\u4e49\u4e00\u4e2a\u5f00\u5173\u53d1\u751f\u7b2c\u4e00\u6b21\u4e4b\u540e\u5c31\u5173\u95ed\u5b83\uff1b<\/p>\n<\/li>\n<li>\n<p>Touch\u662f\u83b7\u53d6\u89e6\u6478\u70b9\u7684\u4e00\u4e9b\u6570\u636e\uff0ctouches \u662f\u4e00\u4e2a\u89e6\u6478\u70b9\u7684\uff0c\u6bcf\u4e2a\u89e6\u6478\u70b9\u5305\u62ec\u4ee5\u4e0b\u5c5e\u6027\uff1a<\/p>\n<\/li>\n<li>\n<p>pageX,pageY\uff1a\u8ddd\u79bb\u6587\u6863\u5de6\u4e0a\u89d2\u7684\u8ddd\u79bb\uff0c\u6587\u6863\u7684\u5de6\u4e0a\u89d2\u4e3a\u539f\u70b9 \uff0c\u6a2a\u5411\u4e3a X \u8f74\uff0c\u7eb5\u5411\u4e3a Y \u8f74\uff1b<\/p>\n<\/li>\n<li>\n<p>screenX,screenY\uff1a\u8ddd\u79bb\u5c4f\u5e55\u5de6\u4e0a\u89d2\u7684\u8ddd\u79bb\uff0c\u5c4f\u5e55\u5de6\u4e0a\u89d2\u4e3a\u539f\u70b9\uff0c\u6a2a\u5411\u4e3aX\u8f74\uff0c\u7eb5\u5411\u4e3aY\u8f74\uff1b<br \/>\u8fd9\u91cc\u4f7f\u7528 clientX,clientY \u5373\u53ef\u3002<br \/>\u6211\u4eec\u5728 bindtouchstart \u65f6\u8bb0\u5f55\u5230\u5f00\u59cb\u7684\u70b9\uff0c\u5728 bindtouchmove \u8bb0\u5f55\u5230\u89e6\u6478\u7ed3\u675f\u7684\u70b9\uff0c\u5982\u679c X \u8f74\u6ed1\u52a8\u5927\u4e8e Y \u8f74\u7684\uff0c\u518d\u5982\u679c\u7ed3\u675f\u70b9-\u5f00\u59cb\u70b9\u5c0f\u4e8e\u4e00\u4e2a\u6570\u503c\uff08\u8fd9\u4e2a\u6570\u7ec4\u53ef\u4ee5\u81ea\u5df1\u8bbe\u7f6e\uff0c\u9274\u4e8e\u7075\u654f\u5ea6\uff0c\u6211\u8fd9\u8bbe\u7f6e\u7684\u5f88\u5c0f\uff09\uff0c\u53f3\u6ed1\u4e5f\u662f\u540c\u7406\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/36205a5ae9c9ee8475c44df58dd47b28-18.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe18\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe18\" \/><\/p>\n<p><\/p>\n<p>\u5224\u65ad\u5230\u5de6\u6ed1\u4e0e\u53f3\u6ed1\u4e8b\u4ef6\u540e\uff0c\u6211\u4eec\u5c31\u9700\u8981\u5bf9\u5f53\u524d\u7ec4\u4ef6\u7ed1\u5b9a\u6570\u636e\u4e86\uff0c\u6570\u636e\u4ece\u90a3\u91cc\u6765\uff1f\u53ef\u4ee5\u770b\u4e0b\u6211\u8fd9\u6570\u7ec4\u4e00\u4e2a\u6765\u5386\uff0c\u4ee5\u53ca\u600e\u4e48\u88ab\u5de6\u6ed1\u4e8b\u4ef6\u91cc\u9762\u83b7\u53d6\u5230\uff08\u6211\u8fd9\u6570\u636e\u662f\u4e00\u4e2a\u6570\u7ec4\uff0c\u9700\u8981\u5728 wxml \u91cc\u9762 block \u7684\uff09\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/d13113b4b993a3289be17ac98d8b39c2-19.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe19\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe19\" \/><\/p>\n<p><\/p>\n<p>\u8fd9\u65f6\u5019\u53d6\u5230\u9700\u8981\u7684\u6570\u7ec4\uff0c\u5faa\u73af\u51fa\u6765\u540e\uff0c\u6211\u8fdb\u884c\u5bf9\u6bd4\uff0c\u5982\u679c\u6570\u636e\u7684 id== \u5f53\u524d\u88ab\u4e8b\u4ef6\u64cd\u4f5c\u7684 id\uff0c\u90a3\u4e48\u6211\u7ed9\u6539\u6570\u7ec4\u518d\u6dfb\u52a0\u4e00\u4e2a  \u5411\u53f3\u504f\u79fb 15%\uff0c\u5426\u5219\u5176\u4ed6\u90fd\u4e0d\u504f\u79fb\uff0c\u53f3\u6ed1\u540c\u7406\uff0c\u76f4\u63a5\u5168\u90e8\u8bbe\u7f6e\u4e3a 0\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/d13113b4b993a3289be17ac98d8b39c2-20.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe20\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe20\" \/><\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/33945267ec52678336625192f572633e-21.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe21\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe21\" \/><\/p>\n<p><\/p>\n<p>\u6700\u540e\u628a\u6570\u636e\u5230\u7ed1\u5b9a\u5230\u9875\u9762\u4e0a\u6765\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/33945267ec52678336625192f572633e-22.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe22\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe22\" \/><\/p>\n<p><\/p>\n<p>OK\uff0c\u5de6\u6ed1\u6548\u679c\u5b9e\u73b0\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/caf2ab31324f42199e351968222e6f4c-23.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe23\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe23\" \/><\/p>\n<p><\/p>\n<p>\u5982\u679c\u51fa\u73b0\u5168\u90e8\u88ab\u6eda\u52a8\u4e86\uff0c\u8bb0\u5f97\u5728\u5916\u5c42\u52a0\u4e0a\uff0cX \u8f74\u5173\u95ed\u5373\u53ef\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/caf2ab31324f42199e351968222e6f4c-24.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe24\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe24\" \/><\/p>\n<p><\/p>\n<p>\u8fd9\u65f6\u5019\u4f60\u70b9\u51fb\u5de6\u6ed1\u4f1a\u51fa\u73b0\u70b9\u900f\u6548\u679c\uff0c\u5b98\u65b9\u6587\u6863\u63d0\u4f9b\u7ed9\u6211\u4eec\u4e00\u4e2a catch\uff0c\u4e0d\u5192\u6ce1\u70b9\u51fb\u4e8b\u4ef6\uff0c\u5373\u53ef\u5b8c\u7f8e\u89e3\u51b3\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/caf2ab31324f42199e351968222e6f4c-25.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe25\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe25\" \/><\/p>\n<p><\/p>\n<p>\u70b9\u51fb\u5220\u9664\u4e8b\u4ef6\u5f39\u51fa\u6a21\u6001\u6846\u4f9b\u7528\u6237\u786e\u5b9a\u662f\u5426\u5220\u9664\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/772f42a579b2b4e355810a3bf59ccf7b-26.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe26\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe26\" \/><\/p>\n<p><\/p>\n<p>\u8fd9\u91cc\u4f60\u70b9\u51fb\u53d6\u6d88\u65f6\u8fd8\u8981\u8bb0\u5f97\u628a\u5de6\u6ed1\u5220\u9664\u6309\u94ae\u53bb\u6389\u53ef\u80fd\u7528\u6237\u4f53\u9a8c\u4f1a\u597d\u70b9\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/772f42a579b2b4e355810a3bf59ccf7b-27.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe27\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe27\" \/><\/p>\n<p><\/p>\n<p>\u8fd9\u91cc\u8868\u5355\u63d0\u4ea4\u6570\u636e\u8f6c\u6362\u6709\u70b9\u590d\u6742\uff08\u5927\u5bb6\u6839\u636e\u4e1a\u52a1\u9700\u6c42\u6765\u505a\uff0c\u4e0d\u5fc5\u82b1\u65f6\u95f4\u7814\u7a76\u8fd9\u91cc\u7684\u65b9\u6cd5\uff09\uff0c\u83b7\u53d6\u7684\u662f\u6570\u7ec4\uff0c\u6309\u7167\u540e\u53f0\u9700\u8981\u7684\u6570\u636e\u683c\u5f0f\u8fdb\u884c\u8f6c\u6362\u4f20\u9012\u8fc7\u53bb\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/caf2ab31324f42199e351968222e6f4c-23.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe23\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe23\" \/><\/p>\n<p><\/p>\n<p>\u4eca\u5929\u518d\u56de\u53bb\u7406\u4e0b\u9996\u9875 A\u3001B\u3001C \u5b9a\u70b9\u8df3\u8f6c\u529f\u80fd\u5b9e\u73b0\u65b9\u6cd5\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/caf2ab31324f42199e351968222e6f4c-23.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe23\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe23\" \/><\/p>\n<p><\/p>\n<p>\u9996\u5148\u662f\u53f3\u8fb9\u5c0f\u7d22\u5f15\u5e03\u5c40\u4ee5\u53ca\u6570\u636e\u7ed1\u5b9a\uff0c\u6570\u636e\u7ed1\u5b9a\u548c\u540d\u7247\u5939\u5217\u8868\u4e0a\u7684\u5b57\u6bcd\u4e00\u6837\uff0c\u8be5\u5b57\u6bcd\u4e0b\u9762\u6709\u540d\u7247\u5219\u6e32\u67d3\u51fa\u6765\uff0c\u6ca1\u6709\u5219\u4e0d\u9700\u8981\u6e32\u67d3\uff0cid\u540c\u6837\u662f\u5f53\u524d\u5b57\u6bcd\u4e0e\u53f3\u8fb9\u663e\u793a\u7684\u5185\u5bb9\u4e00\u6837\uff1a<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/caf2ab31324f42199e351968222e6f4c-24.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe24\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe24\" \/><\/p>\n<p><\/p>\n<p>\u6570\u636e sort\uff0c\u548c group.name \u6570\u636e\u4e00\u6837\uff1a<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/caf2ab31324f42199e351968222e6f4c-25.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe25\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe25\" \/><\/p>\n<p><\/p>\n<p>\u8fd9\u91cc\u662f\u56e0\u4e3a # \u4e0d\u652f\u6301\u8bbe\u4e3a id\uff08\u5c31\u662f id=\u201d#\u201d\uff09\uff0c\u6545\u800c\u8fdb\u884c\u4e86\u4e00\u4e2a\u8f6c\u5316\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/772f42a579b2b4e355810a3bf59ccf7b-26.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe26\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe26\" \/><\/p>\n<p><\/p>\n<p>\u70b9\u51fb\u4e8b\u4ef6\uff1a\u83b7\u53d6\u5230\u5f53\u524d ID\uff0c\u4ee5\u53ca\u7ed1\u5b9a\u6570\u636e toView \u4e3a\u5f53\u524d ID\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/772f42a579b2b4e355810a3bf59ccf7b-27.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe27\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe27\" \/><\/p>\n<p><\/p>\n<p>\u4e00\u5b9a\u8bb0\u5f97\u5728<br \/>data({modalHidden:true})<br \/>\u4e0d\u7136\u4f1a\u51fa\u73b0\u4e00\u52a0\u8f7d\u9875\u9762\u5373\u51fa\u73b0\u4e86\u6a21\u6001\u6846\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/2398390219706a09c31ff1cb3783bd3c-34.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe28\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe28\" \/><\/p>\n<p><\/p>\n<p>\u70b9\u51fb\u672a\u5206\u7ec4\u6309\u94ae\u8fdb\u5165\u5230\u672a\u5206\u7ec4\u540d\u7247\u5217\u8868\u9875\u9762\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/3a3d32698b58a3b71b4c8730dcd12fd6-35.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe29\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe29\" \/><\/p>\n<p><\/p>\n<p>\u8fd9\u4e2a\u5e03\u5c40\u5b8c\u5168\u662f  \u9996\u9875\u8fc7\u6765\u7684\uff0c\u540e\u9762\u53ea\u662f\u6570\u636e\u6709\u53d8\u800c\u5df2\uff0c\u5927\u5bb6\u6709\u5174\u8da3\u53ef\u4ee5\u56de\u8fc7\u53bb\u770b\u4e0b\u524d\u9762\u7684\u3002<br \/>\u70b9\u51fb\u591a\u9009\uff0c\u4f1a\u51fa\u73b0\u591a\u9009\u6846\u548c\u4e0b\u9762\u7684\u4e00\u4e9b\u64cd\u4f5c\u6309\u94ae\u3002\u90fd\u662f\u4e9b\u6570\u636e\u7ed1\u5b9a\uff0c\u663e\u793a\u4e0e\u9690\u85cf\u7c7b\u7684\u5b9e\u73b0\u6bd4\u8f83\u7b80\u5355\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/3a3d32698b58a3b71b4c8730dcd12fd6-36.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe30\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe30\" \/><\/p>\n<p><\/p>\n<p>\u591a\u9009\u6211\u4eec\u76f4\u63a5\u7ed9 checked \u8bbe\u7f6e Boole \u5f00\u5173\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/3a3d32698b58a3b71b4c8730dcd12fd6-37.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe31\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe31\" \/><\/p>\n<p><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/3d86eef937024a6a4d2d7b67fb3fba2e-38.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe32\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe32\" \/><\/p>\n<p><\/p>\n<p>\u7528\u6237\u5df2\u5efa\u5206\u7ec4\u70b9\u51fb\u8fdb\u53bb\u7684\u662f\u70b9\u51fb\u9876\u90e8\u83dc\u5355\u6309\u94ae\u51fa\u73b0\u680f\uff0c\u8fd9\u91cc\u76f4\u63a5\u4f7f\u7528\u5fae\u4fe1\u63d0\u4f9b\u7684\u7ec4\u4ef6\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/3d86eef937024a6a4d2d7b67fb3fba2e-39.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe33\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe33\" \/><\/p>\n<p><\/p>\n<p>\u6700\u540e\u70b9\u51fb\u4ece\u540d\u7247\u5939\u4e2d\u6dfb\u52a0\u8fdb\u5165\u5230\u4ee5\u4e0b\u9875\u9762\uff1a<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/3d86eef937024a6a4d2d7b67fb3fba2e-40.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe34\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe34\" \/><\/p>\n<p><\/p>\n<p>\u6574\u4e2a\u5e03\u5c40\u57fa\u672c\u8fd8\u662f\u548c\u9996\u9875\u9762\u5dee\u4e0d\u591a\uff0c\u8fd9\u91cc\u4e0d\u518d\u591a\u8bb2\uff0c<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/f3e71aa16c50a1ddadca3cd808545142-41.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe35\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe35\" \/><\/p>\n<p><\/p>\n<p>\u9876\u90e8\u83dc\u5355\u76f4\u63a5\u591a\u9009\u7ed1\u5b9a\u6570\u636e\u5373\u53ef\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/f3e71aa16c50a1ddadca3cd808545142-42.jpg\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe36\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u63d2\u56fe36\" \/><\/p>\n<p><\/p>\n<p>\u7275\u626f\u5230\u8868\u5355\u7c7b\u7684\u57fa\u672c\u5168\u90fd\u662f from \u8868\u5355\u63d0\u4ea4\u4e8b\u4ef6\u3002<br \/>\u9664\u5c0f\u90e8\u5206\u63a5\u53e3\u65b9\u9762\u6b20\u7f3a\u5916\uff0c\u5199\u5230\u8fd9\u91cc\u5176\u5b9e\u5206\u7ec4\u524d\u7aef\u65b9\u9762\u6548\u679c\u57fa\u672c\u5b9e\u73b0\u3002<br \/>\u597d\u4e86\uff0c\u7531\u4e8e\u76ee\u524d\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5de5\u5177\u8fd8\u6709\u70b9\u95ee\u9898\uff0c\u62cd\u7167\u6536\u7eb3\u65e0\u6cd5\u5b9e\u73b0\uff0c\u6240\u4ee5\u4e5f\u5148\u6682\u544a\u4e00\u6bb5\u843d\uff0c\u7b49\u5f00\u53d1\u5de5\u5177\u66f4\u65b0\u7a33\u5b9a\u540e\uff0c\u6211\u8fd8\u4f1a\u518d\u8ffd\u52a0\u6559\u7a0b\u7684\u5185\u5bb9\uff0c\u6709\u673a\u4f1a\u7684\u8bdd\u628a\u6210\u54c1\u4e5f\u7ed9\u5927\u5bb6\u770b\u770b\u3002<br \/>\u611f\u8c22\u670b\u53cb\u4eec\u4e00\u76f4\u4ee5\u6765\u7684\u652f\u6301\u548c\u5173\u5fc3\uff0c\u5927\u5bb6\u53ef\u4ee5\u62ff\u8fd9\u4e2a\u6559\u7a0b\u4f5c\u4e3a\u53c2\u8003\uff0c\u6478\u7d22\u51fa\u81ea\u5df1\u7684\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5957\u8def\u3002<\/p>\n<\/li>\n<\/ul>\n<p>\u3010\u76f8\u5173\u63a8\u8350\u3011<\/p>\n<p>1. <\/p>\n<p>2.&nbsp;<\/p>\n<p>3.&nbsp;<\/p>\n<p>\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\uff08\u4e8c\uff09\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5b9e\u73b0\u5206\u7ec4\u5f00\u53d1\u4e0e\u5de6\u6ed1\u529f\u80fd\u5148\u6765\u770b\u770b\u4eca\u5929\u7684\u6574\u4f53\u601d\u8def\uff1a\u8fdb\u5165\u5206\u7ec4\u7ba1\u7406\u9875\u9762&#8211;&gt;\u70b9\u51fb\u65b0\u5efa\u5206\u7ec4\u65b0\u5efa\u8fdb\u5165\u5230\u672a\u5206\u7ec4\u9875\u9762\u57fa\u672c\u64cd\u4f5c\u8fdb\u5165\u5230\u5df2\u5efa\u5206\u7ec4\u91cc\u9762\u5e95\u90e8\u83dc\u5355\u680f\u64cd\u4f5c&#8211;&gt;\u4ece\u540d\u7247\u5939\u4e2d\u6dfb\u52a0\u8fdb\u884c\u64cd\u4f5c\u3002 \u7406\u6e05\u5b8c\u57fa\u672c\u6d41\u7a0b\u6211\u4eec\u5f00\u59cb\u5f00\u53d1\u3002\u9996\u5148\u6574\u4e2a\u5e03\u5c40\u53ef\u4ee5\u5148\u770b\u4e0b\uff0c\u6211\u518d\u4e00\u6b65\u6b65\u8bb2\u3002 \u5e03\u53f7\u5c40\u540e\uff0c\u6211\u4eec\u5f00\u59cb\u5b9e\u73b0\u65b0\u589e\u5206\u7ec4\u6548\u679c\uff0c\u5f53\u7136\u89e6\u53d1\u5b83\u51fa\u73b0\u7684\u662f \u663e\u793a\u7a97\u53e3 \u70b9\u51fb\u53d6\u6d88\u6d88\u5931 \u5f53\u91cc\u9762\u7684\u8f93\u5165\u6846\u5185\u5bb9\u53d1\u751f\u6539\u53d8\u65f6 bindinput \uff0c\u5927\u5bb6\u522b\u4f7f\u7528 bindchange \u4e8b\u4ef6\uff0c\u8fd9\u91cc\u7684 bindchange \u4e8b\u4ef6\u53ea\u6709\u5f53\u5931\u53bb\u7126\u70b9\u65f6\u624d\u4f1a\u88ab\u89e6\u53d1\u3002 \u5f53\u8f93\u5165\u6846\u4e8b\u4ef6\u53d1\u751f\u65f6\uff0c\u786e\u5b9a\u4f1a\u53d8\u6210\u53ef\u4ee5\u70b9\u51fb\uff0c\u4e3a\u7a7a\u65f6\uff0caddTeam \u6837\u5f0f\u3002 \u91cc\u9762\u6709\u8868\u5355\u5c31\u4f7f\u7528\u4e86 from\u3002 \u521b\u5efa\u5206\u7ec4\u8bf7\u6c42\u4ea4\u4e92\u3002 \u521b\u5efa\u5206\u7ec4\u5b8c\u6210\uff0c\u8fd9\u91cc\u53ef\u80fd\u5f88\u591a\u7591\u95ee\uff0c\u4e3a\u4ec0\u4e48\u4e0d\u4f7f\u7528\u5fae\u4fe1\u63d0\u4f9b\u7684\u6a21\u6001\u6846\u7ec4\u4ef6\u6765\u5b9e\u73b0\uff0c\u800c\u662f\u81ea\u5df1\u5b9e\u73b0\uff0c\u5176\u5b9e\u6211\u4e5f\u5f88\u61d2\uff0c\u975e\u5e38\u60f3\u4f7f\u7528\u81ea\u5e26\u7684\u6a21\u6001\u6846\u7ec4\u4ef6\uff0c\u4f46\u662f\u53d1\u73b0\u5728\u6a21\u6001\u6846\u91cc\u9762\u63d0\u4ea4\u8868\u5355\u597d\u50cf\u6709\u70b9\u9ebb\u70e6\uff0c\u76f4\u63a5\u81ea\u5b9a\u4e49\u4e86\u3002\u63a5\u4e0b\u6765\u521b\u5efa\u597d\u7684\u5206\u7ec4\u652f\u6301\u5de6\u6ed1\u4e0e\u91cd\u547d\u540d\uff0c\u4eca\u5929\u91cd\u70b9\u8c08\u4e0b\u5de6\u6ed1\u5220\u9664\u7684\u5b9e\u73b0\u65b9\u5f0f\u3002\u9996\u5148\u9700\u8981\u5de6\u6ed1\u7684\u662f\u88ab\u521b\u5efa\u597d\u7684\u5206\u7ec4\uff0c\u672a\u5206\u7ec4\u662f\u5199\u6b7b\u7684\uff0c\u6545\u800c\u4e0d\u652f\u6301\u7684\u3002\u5de6\u6ed1\u5220\u9664\u4f7f\u7528\u4e86\u4e24\u4e2a\u4e8b\u4ef6 bindtouchstart \u4e0e bindtouchmove\uff0c\u8fd9\u91cc\u5fc5\u987b\u7ed1\u5b9a\u5b83\u7684 id\uff0c\u8fd9\u4e2a id \u90fd\u662f\u4e0d\u540c\u7684\uff0c\u6211\u8fd9\u4f7f\u7528\u7684\u7528\u6237\u521b\u5efa\u5b8c\u6210\u540e\u5728\u540e\u53f0\u751f\u6210\u7684\u4e00\u4e2a id \u53f7\uff0c\u4e4b\u540e\u6211\u518d block \u51fa\u6765\u4f7f\u7528\u5728\u8fd9\u91cc\uff0c\u8fd9\u4e2a id \u90fd\u662f\u552f\u4e00\u7684\uff0c\u4e0d\u80fd\u662f\u76f8\u540c\u7684 id\u3002 \u6837\u5f0f\u5e03\u5c40\uff0c\u7236\u5143\u7d20\u662f\uff0c\u5b50\u5143\u7d20\u5220\u9664\u662f\u76f8\u5bf9\u5b9a\u4f4d\uff0c\u9274\u4e8e\u6548\u679c\uff0c\u6211\u8fd9\u52a0\u4e86 css3 \u7684\u52a8\u753b\u6548\u679c\uff0c\u4f7f\u6ed1\u52a8\u5e26\u70b9\u52a8\u753b\u6548\u679c\u3002 \u73b0\u5728\u6211\u4eec\u6765\u770b\u4e8b\u4ef6\u6784\u6210\uff1aBindtap \u70b9\u51fb\u4e4b\u540e\u76f4\u63a5\u662f\u8df3\u8f6c\u9875\u9762\u3002 \u5de6\u6ed1\u4ece\u89e6\u6478\u4e8b\u4ef6\u5f00\u59cb\uff0c\u5f53\u7136\u9700\u4f7f\u7528\u7684\u53c2\u6570\u5728\u5916\u9762\u6700\u597d\u5148\u5b9a\u4e49\u4e00\u4e0b\uff1a bindtouchStart \u53d1\u751f\u540e\uff0c\u4f1a\u6267\u884c bindtouchmove \u4e8b\u4ef6\uff0c\u5728\u8fd9\u91cc\u6211\u4eec\u53ef\u4ee5\u5224\u65ad\u662f\u5426\u5de6\u53f3\u6ed1\u52a8\uff1a Var dataId = e.currentTarget.id \/\/\u83b7\u53d6\u5230\u524d\u9762\u552f\u4e00\u7684id\uff1bIf(key){ \/\/\u7528\u6237\u5de6\u6ed1\u8ddd\u79bb\u5f88\u957f\u65f6\u4f1a\u53d1\u751f\u591a\u6b21\u5de6\u6ed1\u4e8b\u4ef6\uff0c\u8fd9\u91cc\u5b9a\u4e49\u4e00\u4e2a\u5f00\u5173\u53d1\u751f\u7b2c\u4e00\u6b21\u4e4b\u540e\u5c31\u5173\u95ed\u5b83\uff1b Touch\u662f\u83b7\u53d6\u89e6\u6478\u70b9\u7684\u4e00\u4e9b\u6570\u636e\uff0ctouches \u662f\u4e00\u4e2a\u89e6\u6478\u70b9\u7684\uff0c\u6bcf\u4e2a\u89e6\u6478\u70b9\u5305\u62ec\u4ee5\u4e0b\u5c5e\u6027\uff1a pageX,pageY\uff1a\u8ddd\u79bb\u6587\u6863\u5de6\u4e0a\u89d2\u7684\u8ddd\u79bb\uff0c\u6587\u6863\u7684\u5de6\u4e0a\u89d2\u4e3a\u539f\u70b9 \uff0c\u6a2a\u5411\u4e3a X \u8f74\uff0c\u7eb5\u5411\u4e3a Y \u8f74\uff1b [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-30272","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/30272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=30272"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/30272\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=30272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=30272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=30272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}