码迷,mamicode.com
首页 > 其他好文 > 详细

监听VAL 值的变化

时间:2015-09-14 15:11:53      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

 

*下面封装的监控TEXT VAL 值 的函数*/
$.event.special.valuechange = {

    teardown: function (namespaces) {
        $(this).unbind(‘.valuechange‘);
    },

    handler: function (e) {
        $.event.special.valuechange.triggerChanged($(this));
    },

    add: function (obj) {
        $(this).on(‘keyup.valuechange cut.valuechange paste.valuechange input.valuechange‘, obj.selector, $.event.special.valuechange.handler)
    },

    triggerChanged: function (element) {
        var current = element[0].contentEditable === ‘true‘ ? element.html() : element.val()
          , previous = typeof element.data(‘previous‘) === ‘undefined‘ ? element[0].defaultValue : element.data(‘previous‘)
        if (current !== previous) {
            element.trigger(‘valuechange‘, [element.data(‘previous‘)])
            element.data(‘previous‘, current)
        }
    }
}

用法:

   $(‘.edit-word-text‘).on(‘valuechange‘, function (e, previous) {
            /*$(‘#output‘).append(‘previous: ‘ +  previous +  ‘  --  current: ‘ + $(this).val() + ‘<br />‘)*/
            $("#canvas").find(".page").find(".fontAtHover").html($(this).val())

        })

 

监听VAL 值的变化

标签:

原文地址:http://www.cnblogs.com/yjhua/p/4806995.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!