分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

Html 标签的事件绑定(转自 MSDN)

发布时间:2023-09-06 01:16责任编辑:蔡小小关键词:暂无标签

参考 MSDN 网页给 HTML 标签绑定 click 事件:

function makeFoldersCollapsible(folderIcon, openFolderIcon, pathToIcons, initializeHandler) { ???var elements = document.getElementsByClassName("folder"); ???var length = elements.length; ???for (var i = 0; i < length; i++) { ???????var folder = elements[i]; ???????folder.style.display = ‘none‘; ???????folder.initialize = initializeHandler; ???????var div = folder.previousSibling; ???????var firstChild = div.firstChild; ???????var imagePlusMinus = document.createElement("img"); ???????imagePlusMinus.src = pathToIcons + "plus.png"; ???????imagePlusMinus.className = "imagePlusMinus"; ???????var imageFolder = document.createElement("img"); ???????imageFolder.src = pathToIcons + folderIcon; ???????imageFolder.className = "imageFolder"; ???????setFolderImage(imageFolder, div, firstChild, pathToIcons, folderIcon); ???????var handler = expandCollapseFolder(folder, imagePlusMinus, imageFolder, div, firstChild, pathToIcons, folderIcon, openFolderIcon); ???????var skipImage = isLink(firstChild); ???????if (skipImage) { ???????????div.insertBefore(imagePlusMinus, firstChild); ???????????imagePlusMinus.onclick = handler; ???????} else { ???????????div.insertBefore(imageFolder, firstChild); ???????????div.insertBefore(imagePlusMinus, imageFolder); ???????????div.onclick = handler; ???????} ???}}function isLink(element) { ???return element && element.tagName && element.tagName == "A";}function expandCollapseFolder(capturedFolder, capturedPlusMinus, capturedFolderImage, capturedDiv, capturedFirstChild, pathToIcons, folderIcon, openFolderIcon) { ???return function () { ???????if (capturedFolder.style.display == ‘none‘) { ???????????capturedPlusMinus.src = pathToIcons + "minus.png"; ???????????if (capturedDiv.className != "projectCSInSolution" && capturedDiv.className != "projectVBInSolution") { ???????????????capturedFolderImage.src = pathToIcons + openFolderIcon; ???????????} ???????????if (capturedFolder.initialize) { ???????????????capturedFolder.initialize(capturedFolder); ???????????????capturedFolder.initialize = null; ???????????} ???????????capturedFolder.style.display = ‘block‘; ???????} ???????else { ???????????capturedPlusMinus.src = pathToIcons + "plus.png"; ???????????setFolderImage(capturedFolderImage, capturedDiv, capturedFirstChild, pathToIcons, folderIcon); ???????????capturedFolder.style.display = ‘none‘; ???????} ???}}

参考:

https://referencesource.microsoft.com/

Html 标签的事件绑定(转自 MSDN)

原文地址:http://www.cnblogs.com/hellowzl/p/7646836.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved