html还原默认设置,设置HTML文本输入框的“默认”值 单击ESC时还原值

本文探讨了如何使用传统的JavaScript创建元素并设置ESC键事件,同时介绍了如何利用jQuery的数据对象存储默认值以增强跨浏览器兼容性。通过实例展示了如何在用户按下ESC键时恢复输入框的初始值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这个esc行为是IE的顺便说一句。而不是使用jQuery使用好的旧的JavaScript来创建元素,它的工作原理。

var element = document.createElement('input');

element.type = 'text';

element.value = 100;

document.getElementsByTagName('body')[0].appendChild(element);

如果要将此功能扩展到其他浏览器,那么我将使用jQuery的数据对象来存储默认值。然后在用户按下退出时设置。

//store default value for all elements on page. set new default on blur

$('input').each( function() {

$(this).data('default', $(this).val());

$(this).blur( function() { $(this).data('default', $(this).val()); });

});

$('input').keyup( function(e) {

if (e.keyCode == 27) { $(this).val($(this).data('default')); }

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值