{"id":741,"date":"2018-02-25T20:33:18","date_gmt":"2018-02-25T12:33:18","guid":{"rendered":"http:\/\/60.205.208.74\/2018\/02\/25\/ionic-%e6%89%8b%e5%8a%bf%e4%ba%8b%e4%bb%b6\/"},"modified":"2018-02-25T20:33:18","modified_gmt":"2018-02-25T12:33:18","slug":"ionic-%e6%89%8b%e5%8a%bf%e4%ba%8b%e4%bb%b6","status":"publish","type":"post","link":"https:\/\/www.puzi7.net\/?p=741","title":{"rendered":"ionic \u624b\u52bf\u4e8b\u4ef6"},"content":{"rendered":"<span itemprop=\"description\"><div class=\"article-body\">\n<div class=\"article-intro\" id=\"content\">\n<h1>ionic \u624b\u52bf\u4e8b\u4ef6<\/h1>\n<table class=\"reference\">\n<thead>\n<tr>\n<th width=\"10%\">\u4e8b\u4ef6 <\/th>\n<th width=\"20%\">\u63cf\u8ff0 <\/th>\n<th width=\"50%\"> \u7528\u6cd5 <\/th>\n<th> \u5b9e\u4f8b<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>on-hold <\/td>\n<td> \u957f\u6309\u7684\u65f6\u95f4\u662f500\u6beb\u79d2\u3002  <\/td>\n<td>\n<pre>\n&lt;button \n\u00a0\u00a0\u00a0\u00a0on-hold=\"onHold()\" \n\u00a0\u00a0\u00a0\u00a0class=\"button\"&gt;\n\u00a0\u00a0\u00a0\u00a0Test\n\u00a0\u00a0\u00a0\u00a0&lt;\/button&gt;\n<\/pre>\n<\/td>\n<td><a target=\"_blank\" href=\"\/try\/tryit.php?filename=ionic_on-hold\" class=\"tryitbtn\">\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/td>\n<\/tr>\n<tr>\n<td>on-tap <\/td>\n<td> \u8fd9\u4e2a\u662f\u624b\u52bf\u8f7b\u51fb\u4e8b\u4ef6\uff0c\u5982\u679c\u957f\u6309\u65f6\u95f4\u8d85\u8fc7250\u6beb\u79d2\uff0c\u90a3\u5c31\u4e0d\u662f\u8f7b\u51fb\u4e86\u3002\u3002  <\/td>\n<td>\n<pre>\n&lt;button \n\u00a0\u00a0\u00a0\u00a0on-tap=\"onTap()\" \n\u00a0\u00a0\u00a0\u00a0class=\"button\"&gt;\n\u00a0\u00a0\u00a0\u00a0Test\n\u00a0\u00a0\u00a0\u00a0&lt;\/button&gt;<\/pre>\n<\/td>\n<td> <a target=\"_blank\" href=\"\/try\/tryit.php?filename=ionic_on-tap\" class=\"tryitbtn\">\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/td>\n<\/tr>\n<tr>\n<td>on-double-tap <\/td>\n<td> \u624b\u53cc\u51fb\u5c4f\u5e55\u4e8b\u4ef6  <\/td>\n<td>\n<pre>\n&lt;button \n\u00a0\u00a0\u00a0\u00a0on-double-tap=\"onDoubleTap()\" \n\u00a0\u00a0\u00a0\u00a0class=\"button\"&gt;\n\u00a0\u00a0\u00a0\u00a0Test\n\u00a0\u00a0\u00a0\u00a0&lt;\/button&gt;<\/pre>\n<\/td>\n<td> <a target=\"_blank\" href=\"\/try\/tryit.php?filename=ionic_on-double-tap\" class=\"tryitbtn\">\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/td>\n<\/tr>\n<tr>\n<td>on-touch <\/td>\n<td> \u8fd9\u4e2a\u548c on-tap \u8fd8\u662f\u6709\u533a\u522b\u7684\uff0c\u8fd9\u4e2a\u662f\u7acb\u5373\u6267\u884c\uff0c\u800c\u4e14\u662f\u7528\u6237\u70b9\u51fb\u7acb\u9a6c\u6267\u884c\u3002\u4e0d\u7528\u7b49\u5f85 touchend\/mouseup \u3002  <\/td>\n<td>\n<pre>\n\u00a0\u00a0\u00a0\u00a0&lt;button on-touch=\"onTouch()\" \n\u00a0\u00a0\u00a0\u00a0class=\"button\"&gt;\n\u00a0\u00a0\u00a0\u00a0Test\n\u00a0\u00a0\u00a0\u00a0&lt;\/button&gt;<\/pre>\n<\/td>\n<td> <a target=\"_blank\" href=\"\/try\/tryit.php?filename=ionic_on-touch\" class=\"tryitbtn\">\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/td>\n<\/tr>\n<tr>\n<td>on-release <\/td>\n<td> \u5f53\u7528\u6237\u7ed3\u675f\u89e6\u6478\u4e8b\u4ef6\u65f6\u89e6\u53d1\u3002  <\/td>\n<td>\n<pre>\n&lt;button \n\u00a0\u00a0\u00a0\u00a0on-release=\"onRelease()\" \n\u00a0\u00a0\u00a0\u00a0class=\"button\"&gt;\n\u00a0\u00a0\u00a0\u00a0Test\n&lt;\/button&gt;<\/pre>\n<\/td>\n<td> <a target=\"_blank\" href=\"\/try\/tryit.php?filename=ionic_on-release\" class=\"tryitbtn\">\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/td>\n<\/tr>\n<tr>\n<td>on-drag <\/td>\n<td> \u8fd9\u4e2a\u6709\u70b9\u7c7b\u4f3c\u4e8ePC\u7aef\u7684\u62d6\u62fd\u3002\u5f53\u4f60\u4e00\u76f4\u70b9\u51fb\u67d0\u4e2a\u7269\u4f53\uff0c\u5e76\u4e14\u624b\u5f00\u59cb\u79fb\u52a8\uff0c\u90fd\u4f1a\u89e6\u53d1 on-drag\u3002  <\/td>\n<td>\n<pre>\n&lt;button \n\u00a0\u00a0\u00a0\u00a0on-drag=\"onDrag()\" \n\u00a0\u00a0\u00a0\u00a0class=\"button\"&gt;\n\u00a0\u00a0\u00a0\u00a0Test\n&lt;\/button&gt;<\/pre>\n<\/td>\n<td> <a target=\"_blank\" href=\"\/try\/tryit.php?filename=ionic_on-drag\" class=\"tryitbtn\">\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/td>\n<\/tr>\n<tr>\n<td>on-drag-up<\/td>\n<td> \u5411\u4e0a\u62d6\u62fd\u3002  <\/td>\n<td>\n<pre>\n&lt;button \n\u00a0\u00a0\u00a0\u00a0on-drag-up=\"onDragUp()\" \n\u00a0\u00a0\u00a0\u00a0class=\"button\"&gt;\n\u00a0\u00a0\u00a0\u00a0Test\n&lt;\/button&gt;\n<\/pre>\n<\/td>\n<td> <a target=\"_blank\" href=\"\/try\/tryit.php?filename=ionic_on-drag-up\" class=\"tryitbtn\">\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/td>\n<\/tr>\n<tr>\n<td>on-drag-right<\/td>\n<td> \u5411\u53f3\u62d6\u62fd\u3002  <\/td>\n<td>\n<pre>\n&lt;button \n\u00a0\u00a0\u00a0\u00a0on-drag-right=\"onDragRight()\" \n\u00a0\u00a0\u00a0\u00a0class=\"button\"&gt;\n\u00a0\u00a0\u00a0\u00a0Test\n&lt;\/button&gt;<\/pre>\n<\/td>\n<td> <a target=\"_blank\" href=\"\/try\/tryit.php?filename=ionic_on-drag-up\" class=\"tryitbtn\">\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/td>\n<\/tr>\n<tr>\n<td>on-drag-down<\/td>\n<td> \u5411\u4e0b\u62d6\u62fd\u3002  <\/td>\n<td>\n<pre>\n&lt;button \n\u00a0\u00a0\u00a0\u00a0on-drag-down=\"onDragDown()\" \n\u00a0\u00a0\u00a0\u00a0class=\"button\"&gt;\n\u00a0\u00a0\u00a0\u00a0Test\n&lt;\/button&gt;<\/pre>\n<\/td>\n<td> <a target=\"_blank\" href=\"\/try\/tryit.php?filename=ionic_on-drag-up\" class=\"tryitbtn\">\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/td>\n<\/tr>\n<\/tbody>\n<tr>\n<td>on-drag-left<\/td>\n<td> \u5411\u5de6\u8fb9\u62d6\u62fd\u3002  <\/td>\n<td>\n<pre>\n&lt;button \n\u00a0\u00a0\u00a0\u00a0on-drag-left=\"onDragLeft()\" \n\u00a0\u00a0\u00a0\u00a0class=\"button\"&gt;\n\u00a0\u00a0\u00a0\u00a0Test\n&lt;\/button&gt;<\/pre>\n<\/td>\n<td> <a target=\"_blank\" href=\"\/try\/tryit.php?filename=ionic_on-drag-up\" class=\"tryitbtn\">\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/td>\n<\/tr>\n<tr>\n<td>on-swipe<\/td>\n<td> \u6307\u624b\u6307\u6ed1\u52a8\u6548\u679c\uff0c\u53ef\u4ee5\u662f\u4efb\u4f55\u65b9\u5411\u4e0a\u7684\u3002\u800c\u4e14\u4e5f\u548c on-drag \u7c7b\u4f3c\uff0c\u90fd\u6709\u56db\u4e2a\u65b9\u5411\u4e0a\u5355\u72ec\u7684\u4e8b\u4ef6\u3002  <\/td>\n<td>\n<pre>\n&lt;button \n\u00a0\u00a0\u00a0\u00a0on-swipe=\"onSwipe()\" \n\u00a0\u00a0\u00a0\u00a0class=\"button\"&gt;\n\u00a0\u00a0\u00a0\u00a0Test\n&lt;\/button&gt;<\/pre>\n<\/td>\n<td> <a target=\"_blank\" href=\"\/try\/tryit.php?filename=ionic_on-swipe\" class=\"tryitbtn\">\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/td>\n<\/tr>\n<tr>\n<td>on-swipe-up<\/td>\n<td> \u5411\u4e0a\u7684\u624b\u6307\u6ed1\u52a8\u6548\u679c\u3002  <\/td>\n<td>\n<pre>\n&lt;button \n\u00a0\u00a0\u00a0\u00a0on-swipe-up=\"onSwipeUp()\" \n\u00a0\u00a0\u00a0\u00a0class=\"button\"&gt;\n\u00a0\u00a0\u00a0\u00a0Test\n&lt;\/button&gt;<\/pre>\n<\/td>\n<td> <a target=\"_blank\" href=\"\/try\/tryit.php?filename=ionic_on-swipe\" class=\"tryitbtn\">\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/td>\n<\/tr>\n<tr>\n<td>on-swipe-right<\/td>\n<td> \u5411\u53f3\u7684\u624b\u6307\u6ed1\u52a8\u6548\u679c\u3002  <\/td>\n<td>\n<pre>\n&lt;button \n\u00a0\u00a0\u00a0\u00a0on-swipe-right=\"onSwipeRight()\" \n\u00a0\u00a0\u00a0\u00a0class=\"button\"&gt;\n\u00a0\u00a0\u00a0\u00a0Test\n&lt;\/button&gt;<\/pre>\n<\/td>\n<td> <a target=\"_blank\" href=\"\/try\/tryit.php?filename=ionic_on-swipe\" class=\"tryitbtn\">\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/td>\n<\/tr>\n<tr>\n<td>on-swipe-down<\/td>\n<td> \u5411\u4e0b\u7684\u624b\u6307\u6ed1\u52a8\u6548\u679c\u3002  <\/td>\n<td>\n<pre>&lt;button\n\u00a0\u00a0\u00a0\u00a0on-swipe-down=\"onSwipeDown()\"\n\u00a0\u00a0\u00a0\u00a0class=\"button\"&gt;\n\u00a0\u00a0\u00a0\u00a0Test\n&lt;\/button&gt;<\/pre>\n<\/td>\n<td> <a target=\"_blank\" href=\"\/try\/tryit.php?filename=ionic_on-swipe\" class=\"tryitbtn\">\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/td>\n<\/tr>\n<tr>\n<td>on-swipe-left<\/td>\n<td> \u5411\u5de6\u7684\u624b\u6307\u6ed1\u52a8\u6548\u679c\u3002  <\/td>\n<td>\n<pre>&lt;button \n\u00a0\u00a0\u00a0\u00a0on-swipe-left=\"onSwipeLeft()\"\n\u00a0\u00a0\u00a0\u00a0class=\"button\"&gt;\n\u00a0\u00a0\u00a0\u00a0Test\n&lt;\/button&gt;<\/pre>\n<\/td>\n<td> <a target=\"_blank\" href=\"\/try\/tryit.php?filename=ionic_on-swipe\" class=\"tryitbtn\">\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/td>\n<\/tr>\n<\/table>\n<hr>\n<h2>$ionicGesture<\/h2>\n<p>\u4e00\u4e2aangular\u670d\u52a1\u5c55\u793aionicionic.EventController\u624b\u52bf\u3002<\/p>\n<h3>\u65b9\u6cd5<\/h3>\n<pre>\non(eventType, callback, $element)<\/pre>\n<p>\n\u5728\u4e00\u4e2a\u5143\u7d20\u4e0a\u6dfb\u52a0\u4e00\u4e2a\u4e8b\u4ef6\u76d1\u542c\u5668\u3002<\/p>\n<table class=\"reference\">\n<thead>\n<tr>\n<th>\u53c2\u6570<\/th>\n<th>\u7c7b\u578b<\/th>\n<th>\u8be6\u60c5<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\n        eventType\n      <\/td>\n<td>\n<p>  <code>string<\/code>\n      <\/td>\n<td>\n<p>\u76d1\u542c\u7684\u624b\u52bf\u4e8b\u4ef6\u3002<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n        callback<\/p>\n<\/td>\n<td>\n<p>  <code>function(e)<\/code>\n      <\/td>\n<td>\n<p>\u5f53\u624b\u52bf\u4e8b\u4ef6\u53d1\u751f\u65f6\u89e6\u53d1\u7684\u4e8b\u4ef6\u3002<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n        $element<\/p>\n<\/td>\n<td>\n<p>  <code>element<\/code>\n      <\/td>\n<td>\n<p>angular\u5143\u7d20\u76d1\u542c\u7684\u4e8b\u4ef6\u3002<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n        options<\/p>\n<\/td>\n<td>\n<p>  <code>object<\/code>\n      <\/td>\n<td>\n<p>\u5bf9\u8c61\u3002<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<pre>\noff(eventType, callback, $element)<\/pre>\n<p>\u5728\u4e00\u4e2a\u5143\u7d20\u4e0a\u79fb\u9664\u4e00\u4e2a\u624b\u52bf\u4e8b\u4ef6\u76d1\u542c\u5668\u3002<\/p>\n<table class=\"reference\">\n<thead>\n<tr>\n<th>\u53c2\u6570<\/th>\n<th>\u7c7b\u578b<\/th>\n<th>\u8be6\u60c5<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\n        eventType<\/p>\n<\/td>\n<td>\n<p>  <code>string<\/code>\n      <\/td>\n<td>\n<p>\u79fb\u9664\u76d1\u542c\u7684\u624b\u52bf\u4e8b\u4ef6\u3002<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n        callback<\/p>\n<\/td>\n<td>\n<p>  <code>function(e)<\/code>\n      <\/td>\n<td>\n<p>\u79fb\u9664\u76d1\u542c\u5668\u3002<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n        $element<\/p>\n<\/td>\n<td>\n<p>  <code>element<\/code>\n      <\/td>\n<td>\n<p>\u88ab\u76d1\u542c\u4e8b\u4ef6\u7684angular\u5143\u7d20\u3002<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<\/p><\/div>\n<span>","protected":false},"excerpt":{"rendered":"<p class=\"excerpt\"><span itemprop=\"description\">ionic \u624b\u52bf\u4e8b\u4ef6 \u4e8b\u4ef6 \u63cf\u8ff0 \u7528\u6cd5 \u5b9e\u4f8b on-hold \u957f\u6309\u7684\u65f6\u95f4\u662f500\u6beb\u79d2\u3002 &#038;&hellip;<\/span><\/p>\n<p class=\"more-link-p btn-align-right\"><a class=\"green zoom-btn\" href=\"https:\/\/www.puzi7.net\/?p=741\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37,26],"tags":[43,72,73,93],"class_list":["post-741","post","type-post","status-publish","format-standard","hentry","category-hybrid","category-mobile","tag-angular","tag-hybrid","tag-ionic","tag-mobile","zoom-theme-has-thumb"],"_links":{"self":[{"href":"https:\/\/www.puzi7.net\/index.php?rest_route=\/wp\/v2\/posts\/741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.puzi7.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.puzi7.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.puzi7.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.puzi7.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=741"}],"version-history":[{"count":0,"href":"https:\/\/www.puzi7.net\/index.php?rest_route=\/wp\/v2\/posts\/741\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.puzi7.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=741"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.puzi7.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=741"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.puzi7.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}