BlindEvent事件绑定
序号 | 函数名称 | 返回值 | 函数说明 |
1 | BlindEvent(element, config) | 无 | 为元素绑定事件 |
2 | UnBlindEvent(element, EventName) | 无 | 解除元素上已绑定的事件 |
3 | BlindEnterEvent(element, EnterCallBack) | 无 | 为元素绑定回车事件 |
2 | BlindMouseEnterLeaveShowEvent(elements, ChildElementCSSName, CallBack) | 无 | 绑定鼠标移动到元素显示 & 移开隐藏的事件 |
1、为元素绑定事件
函数:BlindEvent(element, config)
element:元素对象
config:JSON对象,格式:{ "事件名称": 事件回调的函数 },如:{ "click":function(e){ } }
返回: 无
用法示例:
BlindEvent($("#UpdatePasswordButton"), { "click": function () { //回调的动作 } });
2、解除元素上已绑定的事件
函数:UnBlindEvent(element, EventName)
element:元素对象
EventName:事件名称
返回: 无
用法示例:
UnBlindEvent($("#UpdatePasswordButton"),"click");
3、为元素绑定回车事件
函数:BlindEnterEvent(element, EnterCallBack)
element:元素对象
EnterCallBack:回调函数
返回: 无
用法示例:
BlindEnterEvent($("#username"), function () { //回车事件回调 });
4、绑定鼠标移动到元素显示 & 移开隐藏的事件
函数:BlindMouseEnterLeaveShowEvent(elements, ChildElementCSSName, CallBack)
element:外层元素对象
ChildElementCSSName:要显示/隐藏的子元素样式名称
CallBack:回调函数
返回: 无
用法示例:
var ContainerDIV=$("#外层元素的ID"); var SettingButton = "<div class='ControlButton' style='visibility:hidden;'><a href=\"\">绑定选择器</a></div>"; Element.AppendByElement(ContainerDIV, SettingButton); BlindMouseEnterLeaveShowEvent(ContainerDIV, "ControlButton");