Nội dung loại bỏ nội dung có thể chỉnh sửa có thể chỉnh sửa

Question

Tại sao trong ví dụ này http://jsfiddle.net/JksKx/8/ div con trỏ bị mất khi tôi viết văn bản? Cách khắc phục hành vi như vậy?

Answer 1

Sự kiện khóa đang kích hoạt và ghi vào chế độ xem của bạn, sau đó kích hoạt chức năng cập nhật của liên kết tùy chỉnh. Điều này đang viết innerHTML trở lại phần tử, điều này khiến bạn mất tập trung.

Sửa lỗi dễ dàng là kiểm tra chức năng cập nhật nếu phần tử.bắt đầuHTML đã giống với giá trị bạn muốn đặt.

http://jsfiddle.net/rniemeyer/JksKx/9/

ko.bindingHandlers.htmlValue = { 
    init: function(element, valueAccessor, allBindingsAccessor) { 
     ko.utils.registerEventHandler(element, "keydown", function() { 
      var modelValue = valueAccessor(); 
      var elementValue = element.innerHTML; 
      if (ko.isWriteableObservable(modelValue)) { 
       modelValue(elementValue); 
      } 
      else { //handle non-observable one-way binding 
       var allBindings = allBindingsAccessor(); 
       if (allBindings['_ko_property_writers'] && allBindings['_ko_property_writers'].htmlValue) allBindings['_ko_property_writers'].htmlValue(elementValue); 
      } 
     } 
            ) 
    }, 
    update: function(element, valueAccessor) { 
     var value = ko.utils.unwrapObservable(valueAccessor()) || ""; 
     if (element.innerHTML !== value) { 
      element.innerHTML = value; 
     } 
    } 
}; 

Answer 2

thể muốn thay đổi KeyDown để KeyUp, nhưng khác hơn là hoạt động thực sự tốt =)

ko.utils.registerEventHandler(element, "keyup", function() {