JQuery:聚焦清空输入框值,失焦恢复默认值
时间: 2023-07-09 17:27:16 浏览: 91
可以使用以下代码实现:
HTML:
```html
<input type="text" id="inputBox" value="默认值">
```
JQuery:
```javascript
$(document).ready(function() {
$('#inputBox').on('focus', function() {
$(this).val('');
});
$('#inputBox').on('blur', function() {
if ($(this).val() == '') {
$(this).val('默认值');
}
});
});
```
这段代码利用了 JQuery 的事件处理函数,当输入框被聚焦时,将其值设置为空字符串,失焦时判断输入框的值是否为空,如果为空则将其值设置为默认值。
相关问题
jquery 输入框聚焦
当使用jQuery处理输入框的聚焦时,可以使用`focus()`函数来实现。在聚焦事件中,可以通过判断输入框的值是否为0来决定是否清空输入框的内容。代码示例如下:
```javascript
$("input.totalnum").focus(function() {
var prs = $(this).val();
if (prs == 0 || prs == '0') {
$(this).val("");
}
});
```
jquery 点击按钮清除输入框里的值
可以使用 jQuery 的 val() 方法来清除输入框里的值。首先,给按钮绑定一个点击事件,然后在事件处理函数中使用 val() 方法将输入框的值设置为空字符串即可。
HTML 代码:
```html
<input type="text" id="myInput">
<button id="clearBtn">清除</button>
```
jQuery 代码:
```javascript
$('#clearBtn').click(function() {
$('#myInput').val('');
});
```
这样当用户点击按钮时,输入框里的值就会被清空。