React to blur event in knockout.js

Question

I have an input textbox and whenever it loses focus I want to get its value text in a function.

For example, if type "testimonials1", how could I get that text in an event handler for the blur event?

This is what I tried. I get ProjectTestimonial as an object, not user-typed text.

HMTL

<div class="ratingcontents" data-bind="foreach: ProjectTestimonial">
  <!--ko if: !Testimonialstext-->
  <input type="text" placeholder="Testimonials" class="txttestimonials" 
    data-bind="
      text: Testimonialstext,
      event: { 
        blur: $root.testimonialblurFunction.bind(SourceId, SourceText, Testimonialstext)
      }
    " 
  >
  <!--/ko-->
</div>

JS

self.testimonialblurFunction = function (data, event, Testimonialstext) {
    debugger;
    alert(data.soid + Testimonialstext);
}

Answer 1

You can use event, that attaches to any JS event:

<input name="id" data-bind="value: id, event: { blur: blurFunction }">

And in your view model:

self.blurFuncion = function(){
    // this attacks when blur event occurs in input
}

Simple as that.