cari

Rumah  >  Soal Jawab  >  teks badan

angular.js - Terdapat kedua-dua pemalam sudut dan jquery untuk mengendalikan acara keydown

Saya memuat turun pemalam jq dalam talian, dan kotak input terikat pada acara klik, tetapi skrip sudut yang saya tulis sendiri juga menggunakan ng-keydown pada kotak input yang sama. . . Saya fikir fungsi pemprosesan keydown Angular akan dilaksanakan, tetapi ia tidak berfungsi. . . Tetapi saya tidak boleh mengalih keluar pengendali acara klik pada pemalam kerana fungsinya perlu digunakan. . . Tidak tahu bagaimana untuk menangani situasi ini

漂亮男人漂亮男人2782 hari yang lalu660

membalas semua(2)saya akan balas

  • 给我你的怀抱

    给我你的怀抱2017-05-15 17:10:07

    <body ng-app="myApp" ng-controller="MyController">

    <!--自定义指令: 限制输入框中只能是1到100之间的数值-->
    <input type="text" score>
    <script type='text/javascript' src="angular.js"></script>
    <script type="text/javascript">

    angular.module('myApp',[])

                .directive('score', function () {
                    return {
                        link : function (scope, elements, attrs, controller) {  //在显示之前执行, 只执行一次
                            //得到input
                            //console.log('link()',elements);
                            var input = elements[0]
                            //给input绑定keyup的监听回调函数
                            input.onkeyup = function () {
                                //读取input的value, 判断是否合法
                                var score = input.value.trim()
                                //如果合法, background为white
                                if(score==='' || (score*1>=1&&score*1<=100)) {
                                    input.style.background = 'white'
                                } else {
                                    //否则为red
                                    input.style.background = 'red'
                                }
                            }
                        }
                    }
                })
                .controller('MyController', function($scope){
    
                });
                

    </skrip>
    </body>
    </html>

    Acara keyup yang saya baru tulis hari ini, keydown serupa

    balas
    0
  • 仅有的幸福

    仅有的幸福2017-05-15 17:10:07

    Anda tidak boleh menulisnya seperti ini,
    Pilihan pertama memerlukan: '?ngModel',
    Kemudian dapatkan nilai kotak teks ngModel.$modelValue dan bukannya input.value,
    Tidak perlu elemen [ 0], elemen mewakili
    jquery Pemikiran terlalu serius. . .

    balas
    0
  • Batalbalas