我无法让它发挥作用,出了什么问题?
我想通过类“ginput_quantity”设置值,模糊和关注我的输入
<html>
<head>
<script src="jquery-1.10.2.min.js"></script>
<script>
$('.ginput_quantity').val(0);
$(document).on('blur','.ginput_quantity',function(){
if (this.value == '') {this.value = '0';}
})
$(document).on('focus','.ginput_quantity',function(){
if (this.value == '0') {this.value = '';}
})
</script>
</head>
<body>
<input type="text" value="" class="ginput_quantity">
<input type="text" value="" class="ginput_quantity">
<input type="text" value="" class="ginput_quantity">
<input type="text" value="" class="ginput_quantity">
<input type="text" value="" class="ginput_quantity">
</body>
</html>
答案 0 :(得分:0)
除第一行$('.ginput_quantity').val(0);
外,您的代码将完美运行因为您在其他代码块上使用event-delegation
。所以这些部分不需要在.ready()处理程序中。
或者
如果您想在不使用任何JS
的情况下实现此概念,则可以使用place holders
。请查看here以获取更多有关它的知识。
将代码包装在.ready()
处理程序中。
试试这个
$(document).ready(function(){
$('.ginput_quantity').val(0);
$(document).on('blur','.ginput_quantity',function(){
if (this.value == '') {this.value = '0';}
})
$(document).on('focus','.ginput_quantity',function(){
if (this.value == '0') {this.value = '';}
})
});