CODEWITHSUNDEEP
javascriptjqueryajax
cristiano veloz
cristiano veloz

Reputation: 49

Keydown event for ajax is possible?

I would like also to ajax action when you click "enter", currently this only for the click of the mouse, one loaded plugin to select items (jquery.keynav.js). Anyone know how to do?

jQuery

var main = function () {
    var url = "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20xml%20where%20url%3D'http%3A%2F%2Frss.cnn.com%2Fservices%2Fpodcasting%2Fac360%2Frss.xml'%20AND%20itemPath%3D%22%2F%2Fchannel%22&format=json&diagnostics=true&callback=?";

    $.ajax({
        type: 'GET',
        url: url,
        async: false,
        jsonpCallback: 'jsonCallback',
        contentType: "application/json",
        dataType: 'jsonp',
        success: function (json) {
            var titles = json.query.results.channel.item.map(function (item) {
                return item.title;

            });

            var urls = json.query.results.channel.item.map(function (item) {
                return item.origLink;

            });

            $(".container-list-podcast ul").append('<li>' + titles.join('</li><li>'));
            $(".container-list-podcast ul li").each(function (key, value) {
                var text = $(this).text();
                $(this).html('<a class="link-podcast" href="' + urls[key] + '">' + text + '</a>');
            });

            a = $('.nav_holder li a').keynav(function () {
                return window.keyNavigationDisabled;
            });


        },
        error: function (e) {
            console.log(e.message);
        }
    });

}(jQuery);

...continue

jsfiddle

Upvotes: 1

Views: 2028

Answers (1)

Sergio Puas
Sergio Puas

Reputation: 483

you should use the keycode

$("#elementId").keypress(function (e) {
   if (e.keyCode == 13) {
      alert('Enter key pressed!');
      //TODO: call Ajax here 
    }
});

Upvotes: 1

Related Questions