CODEWITHSUNDEEP
javascriptmeteor
Shariq Ansari
Shariq Ansari

Reputation: 4641

Keyup and paste are not working together in meteor

while performing a client side search when i am using keyup and paste simultaneously then this code is not working.

Template.ActiveTemplateDetails.events = {
    'keyup paste .search': function(event) {
        event.preventDefault()
        var $rows = $('.allTemp tr');
        var val = $.trim($(".search").val()).replace(/ +/g, ' ').toLowerCase();
        $rows.show().filter(function() {
            var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
            return !~text.indexOf(val);
        }).hide()
    }
}

if i remove anyone either 'keyup' or 'paste' then this is working fine. Is there anyway to perform it together.

Upvotes: 1

Views: 69

Answers (1)

pahan
pahan

Reputation: 2453

you need to seperate your events with commas, try this

Template.ActiveTemplateDetails.events = {
    'keyup .search, paste .search': function(event) {
        event.preventDefault()
        var $rows = $('.allTemp tr');
        var val = $.trim($(".search").val()).replace(/ +/g, ' ').toLowerCase();
        $rows.show().filter(function() {
            var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
            return !~text.indexOf(val);
        }).hide()
   }
}

Upvotes: 1

Related Questions