如何测试浏览器对事件的支持

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;