jQuery监听各种事件

$(function () {
    // 监听<input>或<textarea>内容变化
    $('#demo').on('input porpertychange', function () {
        console.log('当前内容：' + $(this).val());
    });
});

$(function () {
    // 监听<select>选择变化
    $('#demo').change(function () {
        var text = $(this).find('option:selected').text();
        var val = $(this).val();
        console.log('当前选中option为' + text + '（value="' + val + '"）');
    });
});

$(function () {
    // 监听滚动事件
    $(window).scroll(function () {
        var scrollTop = $(this).scrollTop(); // 获取滚动高度
        console.log('scrollTop的值为' + scrollTop + 'px');
    });
});

$(function () {
    // 监听鼠标移入移出事件（鼠标指针进入/离开被选元素及其子元素时都会被触发）
    $('#demo').on({
        mouseover: function () {
            console.log('鼠标进入监听元素');
        }, mouseout: function () {
            console.log('鼠标离开监听元素');
        }
    });

    // 监听鼠标移入移出事件（只有在鼠标指针进入/离开被选元素时才会被触发）
    $('#demo').on({
        mouseenter: function () {
            console.log('鼠标进入监听元素');
        }, mouseleave: function () {
            console.log('鼠标离开监听元素');
        }
    });
});

$(function () {
    // 监听单个按键
    $(document).keydown(function (event) {
        var ev = event || window.event;
        var keyCode = ev.keyCode || ev.which;

        switch (keyCode) {
            case 13:
                console.log('按下了回车键（keyCode=' + keyCode + '）');
                break;
            case 27:
                console.log('按下了ESC键（keyCode=' + keyCode + '）');
                break;
            case 32:
                console.log('按下了空格键（keyCode=' + keyCode + '）');
                break;
            default:
                console.log('按下了未知键（keyCode=' + keyCode + '）');
        }

        // 返回false将会屏蔽某些键的效果，如F5的功能是刷新页面，如果返回false则无法刷新
        return false;
    });

    // 监听组合键
    $(document).keydown(function (event) {
        var ev = event || window.event;
        var keyCode = ev.keyCode || ev.which;

        if (ev.ctrlKey && keyCode == 83) console.log('按下了组合键：Ctrl＋S');
        if (ev.altKey && keyCode == 70) console.log('按下了组合键：Alt＋F');

        // 返回false将会屏蔽某些键的效果，如F5的功能是刷新页面，如果返回false则无法刷新
        return false;
    });
});