我有一个 View ,它是 Controller 。该 View 具有以下按钮(对于不同的变体,该按钮会重复多次):
<button type="button" id="@variant.id" onclick="return Select()" style="padding:10px 15px;width:100%;height:100%;margin-top:-10px;">
<div class="col-md-4">
<img width="100" height="100" style="padding:5px" src="/test/@variant.logo" title="@variant.name" />
</div>
<div class="col-md-8">
<h4>@variant.name</h4>
</div>
</button>
这是它访问的函数:
<script type="text/javascript">
function Select()
{
alert("test");
return false;
}
</script>
由于某种原因,函数调用后,View 总是被刷新。你知道我的代码可能有什么问题吗?
最佳答案
您也许应该使用 Prevent default 来停止事件,另请参阅 event.stopPropagation()。
在这里我正在阻止该事件,如果您的条件为假,也许您应该使用它。
function select(e){
e.preventDefault();
alert('test');
return false;
}
<button type="button" id="@variant.id" onclick="select(event)" style="padding:10px 15px;width:100%;height:100%;margin-top:-10px;">
<div class="col-md-4">
<img width="100" height="100" style="padding:5px" src="/test/@variant.logo" title="@variant.name" />
</div>
<div class="col-md-8">
<h4>@variant.name</h4>
</div>
</button>
关于javascript - MVC View 在按钮 onclick 后刷新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44887264/