在Mvc Javascript不工作按钮单击事件我想提高按钮单击事件。
<input type="button" id="btn_click" value="Click" />
<script type="text/javascript">
function pageLoad() {
$('#btn_click').click(function () {
alert('You Clicked Button');
});
}
</script>
请帮我
这实际上与ASP.NET,C#或Razor无关。这是纯HTML和JavaScript。你已经在click
中包装了pageLoad
函数,而这个函数没有被调用。所以你只需要删除它。
<html>
<head>
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
</head>
<body>
<input type="button" id="btn_click" value="Click" />
<script type="text/javascript">
$('#btn_click').click(function() {
alert('You Clicked Button');
});
</script>
</body>
</html>
按钮
<input type="button" id="btn_click" value="Click" />
使用javascript作为 -
function showalert(){
alert('You Clicked Button');
}
document.getElementById("btn_click").onclick = showalert;
pageLoad
函数永远不会被调用因此event-listener
永远不会被附加!
要么调用它,要么只是把你的<script>
作为last-child
的<body>
(就在关闭身体标签(</body>
)之前)
$('#btn_click').click(function() {
alert('You Clicked Button');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input type="button" id="btn_click" value="Click" />
pageLoad
函数没有调用,但是如果你想在pageload之后调用它你就可以使用$(function(){})
那样的
$(function(){
$('#btn_click').click(function () {
alert('You Clicked Button');
});
});
你有一个函数中的click事件,但按钮单击不会调用该函数。
你可以调用这个函数onClick
事件的按钮
<input type="button" id="btn_click" value="Click" onClick="pageLoad()" />
function pageLoad() {
alert('You Clicked Button');
}
将您的Javascript代码放入文档准备就绪。
$(document).ready(function () {
$('#btn_click').click(function () {
alert('You Clicked Button');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="btn_click" value="Click" />
function btnclick() {
alert('You Clicked Button');
};
<input type="button" id="btn_click" value="Click" onclick="btnclick();" />