Tips-coffee フォームのInput要素のデフォルト文字

2014.09.08 HTML5/JavaScript 

毎回毎回書いては忘れてるので纏めておこうかと。
coffee scriptのスニペット的な。Dashに入れるついでにこっちにも。

フォームのInput要素にFocus当たったら文字消すやつ

フォームのInput要素にFocus当たったらデフォルト文言消して、色デフォルトに戻して、何も入れてなかったらまた復活するやつ。

$key_color = "#333333"
$gray_color = "#bbbbbb"

formsetup = ()->
    inputFocusFunc("form input.sample","default word.")
    return

inputFocusFunc = (elm,word)->
    $(elm).attr("value",word)
    $(elm).css({"color":$gray_color})
    $(elm).on "focus", (e)->
        if this.value == word
            $(this).css({"color":$key_color})
            this.value = ""
        return
    $(elm).on "blur", (e)->
        if this.value == ""
            $(this).css({"color":$gray_color})
            this.value = word
        return
    return

ここの存在を覚えていれば他にも追記していく。はず。。

you

© rettuce.com