原因是这个元素绑定了类似onclick的事件,比如touchstart() touchend();把代码放入一个函数执行即可。解决方法：改为onclick = "alert(1)";<input type="button" value="确认充值" class="inpSty03" onclick="alert(1)"> 在我页面实现了，能弹出弹窗。就您这个问题来说,可能绑定了如图所示：
JavaScript 函数和事件：
上面例子中的 JavaScript 语句，会在页面加载时执行。通常，我们需要在某个事件发生时执行代码，比如当用户点击按钮时。如果我们把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数。您将在稍后的章节学到更多有关 JavaScript 函数和事件的知识。<head> 或 <body> 中的 JavaScript。可以在 HTML 文档中放入不限数量的脚本。脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。
通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。<head> 中的 JavaScript 函数。在本例中，我们把一个 JavaScript 函数放置到 HTML 页面的 <head> 部分。该函数会在点击按钮时被调用。
方法如下：
<html>
<script>
function checkform(){
var txt=document.getElementById("txt");
if(txt.value==""){
alert("输入不能为空!");
return false;
}else{
return true;
}</script>
<body>
<form>
<input type="text" id="txt" />
<input type="submit" onclick="return checkform()" value="提交" />
</form>
</body>
</html>
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
函数就是包裹在花括号中的代码块，前面使用了关键词 function：当调用该函数时，会执行函数内的代码。
可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。