Can I call function outside viewmodel on knockout?

Question

Let's say I want to call my plain javascript function on one of my data-binding. Is it possible to do so? I have tried:-

<span data-bind = "click : outsideFn() ">hi</span>

<span data-bind=" click : function() { outsideFn() } ">hi</span?

Obviously, my attempt was unsuccessful.

http://jsfiddle.net/RcxVj/

Edit:- Adding jsfiddle on the tag as this seems to be an issue with jsfiddle.

Answer 1

Yes it is possible to call plain javascript function in data-binding. Try it in your project, it's working. There may be some problem in the jsfiddle script.

Answer 2

Yes, you can. Please note the official Knockout documentation for the click binding:

You can reference any JavaScript function - it doesn't have to be a function on your view model. You can reference a function on any object by writing click: someObject.someFunction.

---

Working example:

https://jsbin.com/ciwofayegi/1/edit?html,css,js,output

HTML

<span data-bind="text: txt, click: outsideFn"></span>

Javascript

var outsideFn = function () {
    alert("outside function"); 
};

var vm = {
    "txt": ko.observable("some text")
};

ko.applyBindings(vm);