我使用jquery.hints.js作为我的搜索框(输入文本),但点击按钮Go或preskey enter然后重新加载页面,如何在没有重新加载页面时单击Go或Enter Press [英] I use jquery.hints.js for my search box(input text), but click button Go or preskey enter then reload page, how to without reload page when click Go or Enter Press
本文介绍了我使用jquery.hints.js作为我的搜索框(输入文本),但点击按钮Go或preskey enter然后重新加载页面,如何在没有重新加载页面时单击Go或Enter Press的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这是我的代码
this is my code
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Input box hint</title>
<style type="text/css" media="screen">
body {
font-family: Verdana, sans-serif;
font-size: 1em;
}
input {
font-family: Verdana, sans-serif;
font-size: 0.9em;
padding: 5px;
border: 2px solid #666;
}
input.blur {
color: #999;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
<script type="text/javascript" >
jQuery.fn.hint = function (blurClass) {
if (!blurClass) {
blurClass = 'blur';
}
return this.each(function () {
// get jQuery version of 'this'
var $input = jQuery(this),
// capture the rest of the variable to allow for reuse
title = $input.attr('title'),
$form = jQuery(this.form),
$win = jQuery(window);
function remove() {
if ($input.val() === title && $input.hasClass(blurClass)) {
$input.val('').removeClass(blurClass);
}
}
// only apply logic if the element has the attribute
if (title) {
// on blur, set value to title attr if text is blank
$input.blur(function () {
if (this.value === '') {
$input.val(title).addClass(blurClass);
}
}).focus(remove).blur(); // now change all inputs to title
// clear the pre-defined text when form is submitted
$form.submit(remove);
$win.unload(remove); // handles Firefox's autocomplete
}
});
};/script>
<script type="text/javascript" charset="utf-8">
$(function(){
// find all the input elements with title attributes
$('input[title!=""]').hint();
});
<</script>
</head>
<body>
<form action="">
<div><label for="search">Search:</label>
<input type="text" name="seach" value="" id="search" title="by name or ticker" />
<input type="submit" value="Go" />
</div>
</form>
</body>
</html>
推荐答案
input = jQuery( this ),
// 捕获变量的其余部分以允许重用
title =
input = jQuery(this), // capture the rest of the variable to allow for reuse title =
input.attr(' title'),
input.attr('title'),
form = jQuery( this .form),
form = jQuery(this.form),
这篇关于我使用jquery.hints.js作为我的搜索框(输入文本),但点击按钮Go或preskey enter然后重新加载页面,如何在没有重新加载页面时单击Go或Enter Press的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文