javascript - 当我从输入字段中移除光标时的事​​件

Question

目前我正在关注JQuery

$(document).ready(function(){
	var suchfeld =  $("#suchfeld");
	if(suchfeld.val()==0){
		suchfeld.val("Suche...");
	}
	suchfeld.click(function(){
		if(suchfeld.val()=="Suche..."){
		suchfeld.val("");
		}
	});
});

我希望 if(suchfeld.val()==0){ 在用户点击我网站上 suchfeld 之外的任何其他内容时也执行。我该如何处理？

Answer 1

使用blur 事件来追踪它。每当用户离开元素时，都会调用此事件。

suchfeld.blur(function() {
    if( suchfeld.val() == 0 ) {
        suchfeld.val("Suche...");
    }
});

相反的是focus，不是click。

$(function() {
    var suchfeld = $("#suchfeld");

    // or suchfeld.focus(function() {});
    suchfeld.on("focus", function() {
        if( suchfeld.val() == "Suche..." ) {
            suchfeld.val("");
        }
    });

    // or suchfeld.blur(function() {});
    suchfeld.on("blur", function() {
        if( suchfeld.val() == 0 ) {
            suchfeld.val("Suche...");
        }
    });
});

你也可以链接这些:

$(function() {
    $("#suchfeld").focus(function() {
        if( suchfeld.val() == "Suche..." ) {
            suchfeld.val("");
        }
    })
    .blur(function() {
        if( suchfeld.val() == 0 ) {
            suchfeld.val("Suche...");
        }
    });
});