威尼斯www.9778.com-威尼斯正版官方网站

一起学 Microsoft AJAX Library-DomEvent

日期:2020-01-23编辑作者:编程人生
  • 一起学 Microsoft AJAX Library-介绍
  • 一起学 Microsoft AJAX Library-Array 类型扩展
  • 一起学 Microsoft AJAX Library-Boolean 和 Date 类型扩展
  • 一起学 Microsoft AJAX Library-Error 和 Number 类型扩展
  • 一起学 Microsoft AJAX Library-Object 和 String 类型扩展
  • 一起学 Microsoft AJAX Library-Type 类
  • 一起学 Microsoft AJAX Library-DomElement
  • 一起学 Microsoft AJAX Library-DomEvent
  • 一起学 Microsoft AJAX Library-Sys.Net.WebRequest
  • 一起学 Microsoft AJAX Library-Sys.Browser
  • 一起学 Microsoft AJAX Library-组件、行为、控件
  • 一起学 Microsoft AJAX Library-介绍
  • 一起学 Microsoft AJAX Library-Array 类型扩展
  • 一起学 Microsoft AJAX Library-Boolean 和 Date 类型扩展
  • 一起学 Microsoft AJAX Library-Error 和 Number 类型扩展
  • 一起学 Microsoft AJAX Library-Object 和 String 类型扩展
  • 一起学 Microsoft AJAX Library-Type 类
  • 一起学 Microsoft AJAX Library-DomElement
  • 一起学 Microsoft AJAX Library-DomEvent
  • 一起学 Microsoft AJAX Library-Sys.Net.WebRequest
  • 一起学 Microsoft AJAX Library-Sys.Browser
  • 一起学 Microsoft AJAX Library-组件、行为、控件
  • 一起学 Microsoft AJAX Library-介绍
  • 一起学 Microsoft AJAX Library-Array 类型扩展
  • 一起学 Microsoft AJAX Library-Boolean 和 Date 类型扩展
  • 一起学 Microsoft AJAX Library-Error 和 Number 类型扩展
  • 一起学 Microsoft AJAX Library-Object 和 String 类型扩展
  • 一起学 Microsoft AJAX Library-Type 类
  • 一起学 Microsoft AJAX Library-DomElement
  • 一起学 Microsoft AJAX Library-DomEvent
  • 一起学 Microsoft AJAX Library-Sys.Net.WebRequest
  • 一起学 Microsoft AJAX Library-Sys.Browser
  • 一起学 Microsoft AJAX Library-组件、行为、控件



组件

$addHandler(element, eventName, handler)

if (Sys.Browser.agent == Sys.Browser.InternetExplorer) {
    alert("IE");
}
else if (Sys.Browser.agent == Sys.Browser.Firefox) {
    alert("Firefox");
}
else if (Sys.Browser.agent == Sys.Browser.Opera) {
    alert("Opera");
}
else if (Sys.Browser.agent == Sys.Browser.Safari) {
    alert("Safari");
}

派生自 Sys.Component,通常是不可见的,所以没有 UI,也就没有关联的 DOM 元素。

$addHandler 是 Sys.UI.DomEvent.addHandler 的快捷函数。由于浏览器兼容性的原因,添加元素的事件处理程序变得复杂,这点可参考在各浏览器中动态添加事件-方法篇,而 $addHandler 就使一切轻松了。

alert("浏览器名称:" + Sys.Browser.name + "rn" +
"浏览器版本号:" + Sys.Browser.version + "rn" +
"文档兼容性模式:" + Sys.Browser.documentMode + "(5、7、8 分别表示与 IE5、IE7、IE8 兼容,0 表示其他浏览器或不支持该属性的 IE 浏览器。)rn" +
"是否支持调试语句:" + Sys.Browser.hasDebuggerStatement);

行为

function foo() {
    alert("提示");
}
$addHandler($get("btn"), "click", foo);
$addHandler($get("btn"), "click", foo);

  • 一起学 Microsoft AJAX Library-介绍
  • 一起学 Microsoft AJAX Library-Array 类型扩展
  • 一起学 Microsoft AJAX Library-Boolean 和 Date 类型扩展
  • 一起学 Microsoft AJAX Library-Error 和 Number 类型扩展
  • 一起学 Microsoft AJAX Library-Object 和 String 类型扩展
  • 一起学 Microsoft AJAX Library-Type 类
  • 一起学 Microsoft AJAX Library-DomElement
  • 一起学 Microsoft AJAX Library-DomEvent
  • 一起学 Microsoft AJAX Library-Sys.Net.WebRequest
  • 一起学 Microsoft AJAX Library-Sys.Browser
  • 一起学 Microsoft AJAX Library-组件、行为、控件

派生自扩展 Component 基类的 Sys.UI.Behavior 基类,它扩展 DOM 元素的行为,通常不会修改与之关联的 DOM 元素的基本行为。

$addHandlers(element, {eventName:eventHandler[, eventName2:eventHandler2[, ..[, eventNameN:eventHandlerN]]]})


控件

$addHandlers 是 Sys.UI.DomEvent.addHandlers 的快捷函数,它相当于多个 $addHandler。

派生自扩展 Component 基类的 Sys.UI.Control 基类,它通常表示作为客户端对象的 DOM 元素。

function processEvent(elementEvent) {
    if (elementEvent.type == "mouseover") {
        this.style.color = "#0000FF";
    }
    else if (elementEvent.type == "mouseout") {
        this.style.color = "#000000";
    }
}
$addHandlers($get("title"), { mouseover: processEvent, mouseout: processEvent });

观察上述链接中的示例,发现组件、行为、控件的属性很高级:get_<propertyName> 和 set_<propertyName> 方法在 $create 中可以当作属性 propertyName 直接使用。

$removeHandler(element, eventName, handler)

  • 一起学 Microsoft AJAX Library-介绍
  • 一起学 Microsoft AJAX Library-Array 类型扩展
  • 一起学 Microsoft AJAX Library-Boolean 和 Date 类型扩展
  • 一起学 Microsoft AJAX Library-Error 和 Number 类型扩展
  • 一起学 Microsoft AJAX Library-Object 和 String 类型扩展
  • 一起学 Microsoft AJAX Library-Type 类
  • 一起学 Microsoft AJAX Library-DomElement
  • 一起学 Microsoft AJAX Library-DomEvent
  • 一起学 Microsoft AJAX Library-Sys.Net.WebRequest
  • 一起学 Microsoft AJAX Library-Sys.Browser
  • 一起学 Microsoft AJAX Library-组件、行为、控件

$removeHandler 是 Sys.UI.DomEvent.removeHandler 的快捷函数。同一元素、同一事件、同一事件处理程序,添加了几次,就该 remove 几次。


$removeHandler($get("btn"), "click", foo);

$clearHandlers(element)

$clearHandlers 是 Sys.UI.DomEvent.clearHandlers 的快捷函数。从 DOM 元素中移除所有通过 Sys.UI.DomEvent addHandler 或 Sys.UI.DomEvent addHandlers 方法添加的 DOM 事件处理程序。

domEventVar.preventDefault()

使用 preventDefault 方法可防止浏览器的默认事件操作发生。例如,如果防止 input 元素的 keydown 事件发生,则用户键入的字符不会自动追加到 input 元素的值中。

function foo(e) {
    e.preventDefault();
}
$addHandler($get("myLink"), "click", foo);

domEventVar.stopPropagation()

阻止事件冒泡。请参见 addEventListener-事件流。

Sys.UI.DomEvent altKey

获取一个布尔值,该值指示关联事件发生时 Alt 键的状态。

Sys.UI.DomEvent button

获取一个 Sys.UI.MouseButton 枚举值,该值指示相关事件发生时鼠标的按钮状态。

Sys.UI.DomEvent charCode

获取引发 keyPress 事件的键的字符代码。

Sys.UI.DomEvent clientX

获取鼠标指针位置相对于浏览器窗口工作区(不包括窗口滚动条)的 x 坐标。

Sys.UI.DomEvent clientY

获取鼠标指针位置相对于浏览器窗口工作区(不包括窗口滚动条)的 y 坐标。

Sys.UI.DomEvent ctrlKey

获取一个布尔值,该值指示在关联事件发生时 Ctrl 键的状态。

Sys.UI.DomEvent type

获取引发 keyUp 或 keyDown 事件的键的键代码。

Sys.UI.DomEvent offsetX

获取鼠标指针位置相对于引发事件的对象的 x 坐标。

Sys.UI.DomEvent offsetY

获取鼠标指针位置相对于引发事件的对象的 y 坐标。

Sys.UI.DomEvent screenX

获取鼠标指针位置相对于用户屏幕的 x 坐标。

Sys.UI.DomEvent screenY

获取鼠标指针位置相对于用户屏幕的 y 坐标。

Sys.UI.DomEvent shiftKey

获取一个布尔值,该值指示关联事件发生时 Shift 键的状态。

Sys.UI.DomEvent target

获取事件所针对的对象。

Sys.UI.DomEvent type

获取所引发的事件的名称。

function foo(e) {
    alert("e.ctrlKey=" + e.ctrlKey);
}
$addHandler($get("btn"), "click", foo);

  • 一起学 Microsoft AJAX Library-介绍
  • 一起学 Microsoft AJAX Library-Array 类型扩展
  • 一起学 Microsoft AJAX Library-Boolean 和 Date 类型扩展
  • 一起学 Microsoft AJAX Library-Error 和 Number 类型扩展
  • 一起学 Microsoft AJAX Library-Object 和 String 类型扩展
  • 一起学 Microsoft AJAX Library-Type 类
  • 一起学 Microsoft AJAX Library-DomElement
  • 一起学 Microsoft AJAX Library-DomEvent
  • 一起学 Microsoft AJAX Library-Sys.Net.WebRequest
  • 一起学 Microsoft AJAX Library-Sys.Browser
  • 一起学 Microsoft AJAX Library-组件、行为、控件

本文由威尼斯www.9778.com发布于编程人生,转载请注明出处:一起学 Microsoft AJAX Library-DomEvent

关键词:

如何做兼容各浏览器的垂直居中-背景在窗口中

如何做兼容各浏览器的垂直居中-背景在窗口中 如何做兼容各浏览器的垂直居中-div在窗口中 学习资料 如何做兼容...

详细>>

一起学 Microsoft AJAX Library-Sys.Net.WebRequest

if (Sys.Browser.agent == Sys.Browser.InternetExplorer) {     alert("IE"); } else if (Sys.Browser.agent == Sys.Browser.Firefox) {     alert("Firef...

详细>>

一起学 Microsoft AJAX Library-Array 类型扩展

一起学 Microsoft AJAXLibrary-介绍 一起学 Microsoft AJAX Library-Array类型扩展 一起学 Microsoft AJAX Library-Boolean 和 Date类型扩...

详细>>

jquery实现的鼠标拖动排序Li或Table-Web前端之家

想要完结的效果和职能如下: 1、前端页面 复制代码 代码如下: 广告管理 首先用 CSS 禁止使用第意气风发项的提升按...

详细>>