我的模糊/焦点脚本出了什么问题?

时间:2013-12-08 11:06:56

标签: jquery

我无法让它发挥作用,出了什么问题?

我想通过类“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>

链接:http://webintas.dk/jstest

1 个答案:

答案 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 = '';}
   })

});