angular.js - 同时有angular和jquery插件处理keydown事件

Question

网上下了个jq插件，输入框绑定了click事件，但是我自己写的angular脚本也在同一个输入框上用了ng-keydown。。。我以为是angular的keydown处理函数会执行，结果没效果。。。但是我又不能把插件的click事件处理函数...

给我你的怀抱 · Answer

<p><body ng-app="myApp" ng-controller="MyController"></p>
<pre class='brush:php;toolbar:false;'><code>
<input type="text" score>
<script type='text/javascript' src="angular.js"></script>
<script type="text/javascript"></code></pre>
<p>angular.module('myApp',[])</p>
<pre class='brush:php;toolbar:false;'><code>            .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){

});
            </code></pre>
<p></skrip><br></body><br></html>
</p>Acara keyup yang saya baru tulis hari ini, keydown serupa<p></p>

仅有的幸福 · Answer

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. . .

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket