为什么按后退键时输入的文本没有被删除
why input text not deleted when press back button?
我做了一个简单的演示,其中我限制弹出屏幕不关闭时后退按钮按下。但我能够做到这一点,但当我写的东西在文本字段我不能删除文本。我们能两样都做吗?意味着限制弹出屏幕以及从文本字段中删除文本?
<!DOCTYPE html>
<html>
<head>
<link href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Welcome To My Homepage</h1>
</div>
<div data-role="main" class="ui-content">
<a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all">Show Popup</a>
<div data-role="popup" id="myPopup" data-dismissible='false'>
<div data-role="fieldcontain">
<label for="testCaseIDValue">TestCase Name:</label>
<input type="text" name="testCaseIDValue" id="testCaseInnerIDValue" value="" class="inputTextTestCase"/>
</div>
<a href="#" data-role="button" id="doneInnerPopUp" class="common-button">Done</a>
</div>
<div data-role="footer">
<h1>Footer Text</h1>
</div>
</div>
</body>
</html>
js代码$('body').keydown(function(e) {
if($('#myPopup').is(':visible')) {
if(e.keyCode == 8) { // 8 is backspace
e.preventDefault();
}
}
});
您可以尝试创建类型为reset
的隐藏input
假设它有clearIt
的id
,你可以说:
$('body').keydown(function(e) {
if($('#myPopup').is(':visible')) {
if(e.keyCode == 8) { // 8 is backspace
$('#clearIt').trigger("click");
}
}
});
它会重置输入文本当它在一个表单
您刚刚禁用了整个文档(在您的case body中)的退格,包括输入。
为了不影响输入,可以在
$(document).on('keydown', function(e) {
if(
$('#myPopup').is(':visible') &&
(!$('#myPopup input').is(':focus')) &&
e.which === 8
) {
e.preventDefault();
}
});
小提琴
相关文章:
- 兰吉 |如何在 span 标签上使用单击事件删除突出显示的文本
- JavaScript-如果以前不存在文本,如何从文本区域删除新行
- 如何动态添加和删除多个类名的文本
- jQuery从标签中删除括号/文本
- 单击文本时删除文本框的默认数据
- 添加/删除/更改输入文本的部分值
- 在显示/隐藏中单击时删除的文本
- 单击时从表单中删除特定文本
- 使用VBScript或Javascript从文本框(文本区域)中删除最后一行空/空行
- 使用删除文本创建新行
- Wordpress TinyMCE在从文本切换到视觉时,如果锚标记包裹块元素,则会删除锚标记
- 为什么jQuery正在删除文本的最后一个字符
- 如何删除特定文本短语的所有实例
- 通过点击文本区域添加和删除多个标签
- 隐藏<标签>abc标签>之间的文本 - 删除“ ABC”
- JavaScript 拆分字符串 选定的文本删除
- jQuery淡入/淡出替换文本删除链接
- 遍历元素列表并根据内部文本删除元素上的游标样式
- 将逗号后的文本删除到行尾
- 需要有关jQuery条件的帮助,该条件基于匹配的文本删除容器元素