从输入字段中删除光标时的事​​件

时间:2016-06-28 08:32:01

标签: javascript jquery html css

目前我已经关注了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){也可以在用户点击我网站上的此域外的任何其他内容时使用。我怎么处理这个?

3 个答案:

答案 0 :(得分:3)

使用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...");
        }
    });
});

答案 1 :(得分:0)

我认为你正在寻找suchfeld.blur(function () { ... });

答案 2 :(得分:0)

或通过javascript方式:

<input type="text" id="suchfeld" onblur="iWillCallWhenBlur(this.value)" />

<script>内部标记定义了您的函数

function iWillCallWhenBlur(value){
    // your stuff
    // and `value` is the value of text field, when blurred!!
}