マウスの動作によって処理を分岐させる方法です。

今回はインプットボックスにマウスがフォーカスイン・アウトした場合の処理を作成してみます。

フォーカスイン・アウトの実例

<script type="text/javascript">
$(function () {

    $('#sample input').focus(function (e) {
        $(this).val('フォーカスされました。');
    }).blur(function (e) {
        $(this).val('フォーカスされなくなりました。');
    });

});
</script>

<form action="#">
    <div id="sample" title="">
        <input type="text" value="マウスでフォーカスしてみてください。" size="50" />
    </div>
</form>

テキストボックスにマウスを移動してみてください。テキストボックスの中の文字が変化します。