如何測試瀏覽器對事件的支持

Question

具體而言，測試input[type=date]是否觸發input事件？

Answer 1

通過查看this網站，我建議你嘗試

試驗B：使用的setAttribute上的輸入設置的oninput並檢查到 看看node.oninput是否是一個函數 測試C：使用w3事件API創建一個輸入並假冒按鍵 ，看是否oninput從測試C類火災

這裏是JavaScript

function testC(){ 
    var input = document.createElement('input'), 
     e = document.createEvent("KeyboardEvent"); 
    // set type for DATE 
    input.setAttribute('type', 'date'); 
    e.initKeyEvent("keypress", true, true, window, false, false, false, false, 0, "e".charCodeAt(0)); 
    // use initKeyboardEvent for webkit 
    document.body.appendChild(input); 
    input.addEventListener("input", function(e) { alert('C Successful'); e.preventDefault(); e.stopPropagation(); }, false); 
    input.focus(); 
    input.dispatchEvent(e); 
    document.body.removeChild(input); 
} 

---

編輯：測試代碼是從the test page複製，只有一對夫婦的微小變化（VAR的位置，類型=日期，提醒）。我剛剛在Chrome中運行它（在更改initKeyEvent到initKeyboardEvent之後），但它不會產生任何結果，但是註釋掉removeChild行並手動執行確實會導致導致成功消息。不知道爲什麼模擬的事件沒有調用它，所以你需要在你的代碼中應用它之前查看它。

Answer 2

jsFiddle Example

你可以這樣做：

var element = document.getElementById('myElement'); 
var supported = 'oninput' in element;