以下是xhtml mp支持的事件,其中onload和onclick事件是规范规定浏览器必需支持的,其它为可选。具体哪种元素支持哪些事件,因浏览器不同而不同,可以修改以下代码进行测试。还附加了个XMLHttpRequest对象检测。
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//OMA//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <title>DOM Events Test For XHTML Mobile Profile</title> </head> <body> ajax:<label id="ajax"></label><br /> onload:<label id="load"></label><br /> onunload:<label id="unload"></label><br /> onclick:<label id="click"></label><br /> ondblclick:<label id="doubleclick"></label> onmousedown:<label id="mousedown"></label><br /> onmouseup:<label id="mouseup"></label> onmouseover:<label id="mouseover"></label><br /> onmousemove:<label id="mousemove"></label> onmouseout:<label id="mouseout"></label><br /> onfocus:<label id="focus"></label> onblur:<label id="blur"></label><br /> onkeypress:<label id="keypress"></label> onkeydown:<label id="keydown"></label><br /> onkeyup:<label id="keyup"></label> onsubmit:<label id="submit"></label><br /> onreset:<label id="reset"></label> onselect:<label id="select"></label><br /> onchange:<label id="change"></label><br /> <form action="" method="get" id="f1"> <input type="button" value="点击我" id="b1" /> <input type="text" value="点击我" id="t1" /> </form> <script type="text/javascript"> //<![CDATA[ /** * Ajax支持判断 */ var xmlHttp; function createXMLHttp() { if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else if (window.ActiveXObject) { try { xmlHttp = new ActiveXObject('Msxml2.XMLHTTP'); } catch(e) { try { xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); } catch(e) {}; } } } createXMLHttp(); if (xmlHttp) { document.getElementById('ajax').innerHTML = "支持"; } else { document.getElementById('ajax').innerHTML = "不支持"; } /** * 从这里开始 */ function $(id) { return document.getElementById(id); } window.onload = function() { $('load').innerHTML = "支持"; if (window.onresize) { $('resize').innerHTML = "支持"; } } $('b1').onclick = function() { $('click').innerHTML = "支持"; $('f1').onsubmit(); $('f1').onreset(); } $('b1').ondblclick = function() { $('doubleclick').innerHTML = "支持"; } $('b1').onmousedown = function() { $('mousedown').innerHTML = "支持"; } $('b1').onmouseup = function() { $('mouseup').innerHTML = "支持"; } $('b1').onmouseover = function() { $('mouseover').innerHTML = "支持"; } $('b1').onmousemove = function() { $('mousemove').innerHTML = "支持"; } $('b1').onmouseout = function() { $('mouseout').innerHTML = "支持"; } $('t1').onkeydown = function() { $('keydown').innerHTML = "支持"; } $('t1').onkeypress = function() { $('keypress').innerHTML = "支持"; } $('t1').onkeyup = function() { $('keyup').innerHTML = "支持"; } $('t1').onfocus = function() { $('focus').innerHTML = "支持"; } $('t1').onblur = function() { $('blur').innerHTML = "支持"; } $('t1').onselect = function() { $('select').innerHTML = "支持"; } $('t1').onchange = function() { $('change').innerHTML = "支持"; } $('f1').onsubmit = function() { $('submit').innerHTML = "支持"; return false; } $('f1').onreset = function() { $('reset').innerHTML = "支持"; return false; } //]]> </script> </body> </html> 相关资源:敏捷开发V1.0.pptx