使用dispachEvent預填表單域在IE中不起作用，在所有瀏覽器中工作正常

我的應用程序是使用React創建的。通過使用dispatchEvent我試圖預填充使用JS的表單字段值。它在所有瀏覽器中工作正常，但不在IE 11中。使用dispachEvent預填表單域在IE中不起作用，在所有瀏覽器中工作正常

IE控制檯顯示對象不支持錯誤。

我用來預先填寫表單域的代碼。

$(document.body).on('change', '#retailer', function() { 

     var retail_val = $(this).val(); 

     //Storing the retailer value in the respective hidden text field. 
     if (retail_val != "0") { 
      var el = document.getElementById("text_6551650686371-InputField"); 
      el.value = retail_val; 
     //calling the function 
      doEvent(el, 'input'); 

     } 
     if (retail_val == "0") { 
      var el = document.getElementById("text_6551650686371-InputField"); 
      el.value = ""; 
      //calling the function 
      doEvent(el, 'input'); 

     } 
}); 
function doEvent(obj, event) { 
     event = new Event(event, { 
      target: obj, 
      bubbles: true 
     }); 

     return obj ? obj.dispatchEvent(event) : false; 
    }

This is the error screenshot in IE 11 注：我試着用.VAL（）方法，因爲我的應用程序是使用反應它是不工作創建。請幫助我在IE中預填表格字段值。此外，當我更改選項卡時，該字段中的值會熄滅。

來源

2017-08-01 Durga Prasad

爲什麼不使用'jQuery.Event'和'.trigger（）'？ – Barmar

我需要放置的位置以及觸發位置？請給我一個代碼片段。 –

我不知道爲什麼你需要觸發一個事件，但我認爲這應該這樣做：

$("#text_6551650686371-InputField").val(retail_val).trigger("input");

來源

2017-08-01 03:42:40 Barmar

我已經使用了上面的代碼，但它在輸入未更新的前端實際值屬性中更新。我認爲這個應用程序是在做反應可能是這是一個衝突？我發佈的上述代碼在除IE以外的所有瀏覽器上都能正常工作。 –

據this answer，它可能如果更改事件名稱爲「的TextInput」工作（做這在查看瀏覽器後）

來源

2017-08-01 12:46:23 harish2704

使用dispachEvent預填表單域在IE中不起作用，在所有瀏覽器中工作正常

回答

相關問題