在我的 jQuery Mobile 代码中,我有一些 onClick 和 onKeyPress 事件,但它们没有触发。我正在将我客户的网站转换为包含大量 javascript 功能的移动版本。如果我将所有内容都转换为 jQuery,我不知道它是否有效,但我不想这样做,并且希望保持 javascript 函数保持原样。
有没有办法完全使用 javascript 而不是 jQuery 来完成这项工作?
onClick="javascript:alert('test');"
似乎工作正常。只是没有被调用的函数。
http://jsfiddle.net/jetlag/CtkTV/1/
HTML:
<div data-role="fieldcontain">
<label for="textA">Input A</label>
<input class="inputField" id="textA" value="" type="text" onFocus="javascript:clearText(this);" value="This is default text A" />
</div>
<div data-role="fieldcontain">
<label for="textB">Input B</label>
<input class="inputField" id="textB" value="" type="text" onKeyPress="javascript:keyPressEvent(e);" onFocus="javascript:clearText(this);" value="This is default text B" />
</div>
<div class="ui-grid-b">
<div class="ui-block-a"><input type="button" id="goButton" onClick="javascript:goButtonPress();" value="Go" />
</div>
<div class="ui-block-b"><input type="button" id="testButton" onClick="javascript:alert('Alerted!');" value="Alert" />
</div>
</div>
Javascript:
function keyPressEvent(e) {
var evt = e || window.event;
var keyPressed = evt.which || evt.keyCode;
if (keyPressed == 13) {
document.getElementById('goButton').click();
evt.cancel = true;
}
}
function goButtonPress() {
alert('Button Pressed");
}