<div class="login_half">
<input name="username" value="请输入用户名" title="请输入用户名" class="field tooltip" />
</div>
jQuery(document).ready(function () {
jQuery(".login_half > input").on("blur", function () {
var str = jQuery(this).prop("title");
alert(str);
if (jQuery(this).val() == "") {
jQuery(this).val(str);
}
});
jQuery(".login_half > input").on("click", function () {
var str1 = jQuery(this).prop("title");
alert(str1);
if (jQuery(this).val() == str1) {
jQuery(this).val("");
}
});
});
代码如上,事件绑定没问题,可以触发。
问题是:blur方法里获取title的值可以获取到。而click里获取不到.
用的jQuery是1.11.2的,求大神指教
找到原因了,原来是jQuery1.11.2版本和easyTooltip.js这个库冲突,绑定click会出现获取prop("title")值丢失。
下面是试的代码,没问题,能获取到。但你变量写错了,jQuery(this).val() == str应该是jQuery(this).val() == str1
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.2.js">
</script>
<script>
jQuery(document).ready(function () {
jQuery(".login_half > input").on("click", function () {
var str1 = jQuery(this).prop("title");
if (jQuery(this).val() == str1) {
jQuery(this).val("");
}
});
});
</script>
</head>
<body>
<div class="login_half">
<input name="username" value="请输入用户名" title="请输入用户名" class="field tooltip" />
</div>
</body>
</html>