摘録

jsページ幅の高さと画面解像度を取得します.
ページの表示領域は広いです.document.body.client Width 
ページの可視領域は高いです.document.body.clientHeight 
ページの可視領域の幅:Dcument.body.offset Width(境界線の幅を含む) 
ページの可視領域の高さ:Dcument.body.offset Height(境界線の幅を含む) 
ページの全文の幅:Dcument.body.scrollWidth 
ホームページの全文は高いです.Dcument.body.scrollHeight 
ページが巻かれている高さ:Dcument.body.scrollTop 
ページが巻かれている左:document.body.scrollLeft 
ホームページの本文の部分:window.screenTop 
ページの本文部分左:window.screenLeft 
スクリーン解像度の高さ:window.screen.height 
画面解像度の幅:window.screen.width 
スクリーン使用可能ワークエリアの高さ:window.screen.avail Height 
スクリーン使用可能ワークエリアの幅:window.screen.avail Width
Click binding
The  click binding will atch a method of the View-moodel to the  click DOM event of the target element.The methods will be invoked when the user clicks the target DOM element.
Using the click binding

 id="view">
 data-bind="click: showDescription">Show description
 data-bind="visible: isDescriptionShown, text: description">


var viewModel = kendo.observable({
    description: "Description",
    isDescriptionShown: false,
    showDescription: function(e) {
        // show the span by setting isDescriptionShown to true
        this.set("isDescriptionShown", true);
    }
});

kendo.bind($("#view"), viewModel);

 

The  click binding is a shothand for the イベント binding.The follwing code snippets are equivalent:

 data-bind="click: clickHandler">

 data-bind="events: { click: clickHandler }">

Access ing the DOM event argment
Kendo MVM supplies the DOM event argment wrapped in a jQuery Event object
Stoping DOM event bubbbling
To stop the event from bubling up the DOM tree use the stopPropagation method.
Stop event bubbling

 data-bind="click: click">Click

var viewModel = kendo.observable({
    click: function(e) {
        e.stopPropagation();
    }
});

kendo.bind($("span"), viewModel);

Prventing the default action of the DOMイベント
For some DOM elements the  click event has a default action-for example navigate to another page or submit a form.To prevent the default action use the preventDefault method.
Prvent default event action

 href="http://example.com" data-bind="click: click">Click

var viewModel = kendo.observable({
    click: function(e) {
        // stop the browser from navigating to http://example.com
        e.preventDefault();
    }
});

kendo.bind($("a"), viewModel);