1
2
3
4
5
6
7
<input data-bind="value" vname="sex" value="男" style="display: inline;">
<input data-bind="value" vname="sex" value="男" data-share="value" style="display: inline;">
<div data-share="html" vname="sex">
</div>
<input type="button" id="demo" value="获得JS对象的值">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
;(function($) {
    BindSysnc.pt = BindSysnc.prototype;
    BindSysnc.pt.init = function(selector) {
        var $allBinds = $(selector).find("[data-bind]");
        var $container = $("<div class='data-bind-contanier'></div>");
        var data = {};
        var share = new ShareSync(selector);
        for(var bindIndex = 0; bindIndex < $allBinds.length; bindIndex++) {
            var oldElement = $($allBinds[bindIndex]);
            var bindElement = oldElement.clone(true);
            var convertElement = $container.clone(true);
            convertElement.css("display", oldElement.css("display"));
            convertElement.append(bindElement);
            var dsi = $("<div data-bind-value></div>");
            bindElement.attr("data-share-excute", "false");
            bindElement.on("propertychange input focus blur DOMNodeInserted", function(e) {
                if($(e.target).attr("data-share") !== undefined) {
                    $(e.target).unbind("propertychange");
                }
                var value = $(e.target).attr("data-bind") === "value" ? $(e.target).val() : $(e.target).html();
                data[$(e.target).attr("vname")] = value;
                $(e.target).parent().children("[data-bind-value]").html(value);
                share.share(data);
            });
            convertElement.insertAfter(oldElement);
            oldElement.remove();
        }
        this.data = data;
        this.isAutoShare = false;
        var that = this;
        var timer = new TimerSimulator(function(count){
            share.share(that.data);
        },500,"test");
        
        this.startAutoShare = function(){
            timer.start();
        }
        this.stopAutoShare = function(){
            timer.stop();
        }
        
        if(this.isAutoShare){
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX