鍵碼觸發輸入鍵功能不正常

-1

我使用keycode觸發按鈕單擊輸入。我有以下內容，當警報被放置在鍵碼功能中時正在工作，但當放置在.click(function...中時沒有。不知道我錯過了什麼讓keycode觸發ajax調用。目前它只是將?imageid=750推送到URL中查詢字符串的末尾。鍵碼觸發輸入鍵功能不正常

//force use of only numerical input 
$('#imageid').keyup(function (event) { 
    this.value = this.value.replace(/[^0-9\.]/g, ''); 
    if (event.keyCode == 13) { 
      alert($("#imageid").val()); 
     //event.preventDefault(); 
     $('.image-search').trigger('click'); 
    } 
}); 



$('.image-search').click(function() { 
    var root = "http://localhost:7777/proxy/staging/rest/v1/cms/story/id/"; 
    //CLEAR IMAGE ID VALUE FROM PREVIOUS ENTRIES 
    $("#imageid").val(''); 
    var encodeID = $("#imageid").val(); 
    var bearerToken = localStorage.getItem('Authorization'); 

    //IF TESTING ON LOCALHOST 
    if (document.domain == 'localhost') { 
     url = root + encodeID + "/images"; 
    } else { 
     //IF IN PRODUCTION 
     url = "/cropper/admin/cropv2/rest/v1/cms/story/id/" + encodeID + "/images"; 
     //GRAB REFERRER URL FOR ASSET ID 
     //STRIP OUT ASSET ID, MATCH BUT DON'T INCLUDE 'ASSETS' AND SET SUCCESEEDING VALUE AS ASSET ID 
     var regexp = /assets\/(\d+)/; 
     var assetid = regexp.exec(window.document.referrer); 
     $("#imageid").val(assetid[1]); 
    }; 
    $.ajax({ 
     url: url, 
     method: 'GET', 
     headers: { 
      "Authorization": bearerToken 
     }, 
    }).then(function (response) { 
     var obj = response; 
     $("#imageid").css("border-color", "#ccc"); 
     $(".search-results").empty(); 
     for (var property in obj.entity.entries) { 
      if (obj.entity.entries.hasOwnProperty(property)) { 
       $(".search-results").append($("<li><a href='" + obj.entity.entries[property].uri + "' target='_blank'><div class='thumbnail'><img width='30' height='30' src='" + obj.entity.entries[property].uri + "' target='_blank'/></img><div class='caption'><p>" + obj.entity.entries[property].orientation + "</p></div></a></li>")); 
      } 
     } 
     //$(".search-results").append("<div class='caption'>" + data.id + "</div><div class='thumbnail'><img width='40' height='40' src='" + data.thumbnailUrl + "'/></img>").css("float", "left"); 
    }).fail(function (data) { 
     $(".search-results").empty(); 
     $(".search-results").append("<p class='alert alert-danger'>Invalid ID</p>"); 
     $("#imageid").css("border-color", "red"); 
    }); 
}); 
});

但是，當實施到完整的項目，它不再正常工作。我不確定我在這裏錯過了什麼。

使用這個小提琴：JSFIDDLE，並刪除行1-173，觸發器正常工作。隨着包括的線，它似乎被阻止。

來源

2015-05-11 Matt

檢查控制檯，修正錯誤。那麼它能解決你的問題嗎？ –

如果我在控制檯中有任何錯誤，它可能......但在我的代碼中沒有問題。 – Matt

你的代碼工作正常，你有其他Javascript錯誤存在導致腳本停止。

也儘量的$('.image-search').click();代替$('.image-search').trigger('click');

來源

2015-05-11 18:01:02 vinayakj

未捕獲的ReferenceError：ImglyKit沒有定義
遺漏的類型錯誤：無法讀取空的特性 '的addEventListener'（的FileInput）

來源

2015-05-11 18:11:11 Pethical

ImglyKit被包含與否與我遇到的問題無關。我只需要能夠觸發表單點擊輸入鍵。這可以自己完成，但是被其他東西阻塞。 – Matt

試試這個：http://jsfiddle.net/xccutryw/ （沒有ImglyKit和一個文件輸入，它的工作） – Pethical

它看起來像罪魁禍首是有'

'封裝字段。問題是我有一個文件輸入字段，所以我需要有這個地方。 – Matt

鍵碼觸發輸入鍵功能不正常

回答

相關問題