简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
angular.js - 同时有angular和jquery插件处理keydown事件
漂亮男人
漂亮男人 2017-05-15 17:08:07
0
2
613

网上下了个jq插件，输入框绑定了click事件，但是我自己写的angular脚本也在同一个输入框上用了ng-keydown。。。我以为是angular的keydown处理函数会执行，结果没效果。。。但是我又不能把插件的click事件处理函数给去掉，因为要用到它的功能。。。不知道怎么处理这种情况

漂亮男人
漂亮男人

Antworte allen(2)
给我你的怀抱
给我你的怀抱2017-05-15 17:10:07 2 Etage

<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){

            });

</script>
</body>
</html>

今天刚写的keyup事件，keydown类似吧

Wie +0
Antwort hinzufügen
仅有的幸福
仅有的幸福2017-05-15 17:10:07 1 Etage

不能这么写的啊，
首选要 require: '?ngModel',
然后获取文本框的值 ngModel.$modelValue 而不是input.value ,
还有不用elements［0］，element就代表了
jquery的思维太严重啊。。。

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！