javascript-JQuery类选择器

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-JQuery类选择器，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1535字，纯文字阅读大概需要3分钟。

内容图文

我有一个html文本框,其中一些具有类名作为数字

<input type="text" name="msg_timeout" class="numbers" />

类似地,有不同的文本框,其类别为nu??mbers.我想将keydown事件分配给那些具有class为数字的文本框,因此我尝试了以下操作,但不起作用

$('input.numbers').each

$('.numbers').each

$('input.numbers:text').each

$('input:text.numbers').each

$('input[type=text]').each  // only this is working but it selects all textboxes.

请告诉我想法.下面的代码

$(document).ready(function() {


    $('input.numbers').each(function() {

        $(this).get(0).oncontextmenu = function() { return false; };
           $(this).bind("keydown",function(event) {
           // alert(window.event);

            // Allow only backspace and delete
            if ( event.keyCode == 46 || event.keyCode == 8  
                    && (event.keyCode >=96 && event.keyCode <=105) ) 
            {
                // let it happen, don't do anything
            }
            else {
                // Ensure that it is a number and stop the keypress
                if (event.keyCode < 48 || event.keyCode > 57 || event.shiftKey || event.ctrlKey || event.altKey ) {
                    event.preventDefault(); 
                }   
            }

            var forbiddenKeys = new Array('c', 'x', 'v');
            var keyCode = (event.keyCode) ? event.keyCode : event.which;
            var isCtrl;
            isCtrl = event.ctrlKey;
            if (isCtrl) {
                for (i = 0; i < forbiddenKeys.length; i++) {
                    if (forbiddenKeys[i] == String.fromCharCode(keyCode).toLowerCase()) {
                        //alert('You are prompted to type this twice for a reason!');
                        return false;
                    }
                }
            }
            return true;
        });
   });

});

解决方法:

准备在dom.ready之后调用选择器吗？

$(document).ready(function() {
    $('input.numbers').keydown(function() {
        // code here
    });
});

如果没有$(document).ready(),则在评估选择器时,屏幕上将出现哪些元素是不可预测的.

内容总结

以上是互联网集市为您收集整理的javascript-JQuery类选择器全部内容，希望文章能够帮你解决javascript-JQuery类选择器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端