zoukankan      html  css  js  c++  java
  • ionic获取焦点

    功能需求:点击按钮后获取input输入框的焦点

    获取焦点用jq focus()不成功,因为angular也不推荐,所以网上找了一个在focus封装成指令的方法

    指令写法:

    .directive('myfocus', function($timeout, $parse) {
      return {
        link: function(scope, element, attrs) {
        var model = $parse(attrs.myfocus);
        scope.$watch(model, function(value) {
          if(value === true) {
            $timeout(function() {
              element[0].focus();
            });
          }else if(value === false){
            $timeout(function() {
              element[0].blur();
            });
          }
        });
       }
      };
    });

    html写法:

    <span>用户昵称:<input id="nickname" type="text" myfocus="isOpen" ng-model="userInfo.nickname" /></span>

    <a ng-click="onChangeId()"></a>

    注意myfocus的写法,原网址写的是my-focus,但是不成功,去掉-可以,好像是ng指令调用写法问题,ng好的应该一眼就知道怎么回事了

    controller写法:

    $scope.onChangeId = function(){
    $scope.isOpen = true;
    }

  • 相关阅读:
    P1119 灾后重建
    P1453 城市环路
    21.10.28模拟 C
    21.10.28模拟 String Coloring AGC26 C
    P1155 [NOIP2008 提高组] 双栈排序
    21.10.27模拟 solve
    21.10.27模拟 P4157 [SCOI2006]整数划分
    P2168 [NOI2015] 荷马史诗
    P3052 [USACO12MAR]Cows in a Skyscraper G
    P2533 [AHOI2012]信号塔 P1742 最小圆覆盖
  • 原文地址:https://www.cnblogs.com/nullman/p/5868934.html
Copyright © 2011-2022 走看看