首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在div上应用javascript函数

在div上应用javascript函数
EN

Stack Overflow用户
提问于 2015-03-02 09:44:32
回答 1查看 70关注 0票数 0

我想将一个变量放在div上,并由该div下的所有dojo小部件应用和继承。

这可行吗?

例如

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div shaper="Contextual"> 
<textarea ..../> 
<select multiple data-dojo-type="dijit/form/MultiSelect"> 
.... 
</div> 

我希望shaper支持的功能应用于div中包含的所有小部件。附注:"shaper“是一个自定义模块,用于对阿拉伯数字进行数字整形。

EN

回答 1

Stack Overflow用户

发布于 2015-03-02 13:59:45

这是可能的,但不是开箱即用的。

你可以这样写:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
require(["dojo/query", "dojo/domReady!"], function(query) {
  query("[shaper]").forEach(function(shaper) {

  });
});

这将查询所有具有shaper属性的元素并对其进行循环。在循环中,您必须检索shaper属性的值(例如Contextual),您可以使用getAttribute()函数来执行此操作,例如:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var shaperModule = shaper.getAttribute("shaper");

现在您有了要加载的模块的名称,所以您可以在循环中编写类似以下内容:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
require([shaperModule], function(shaperModule) {

});

这将使用AMD检索Contextual模块。现在剩下的就是将shaper功能包含到<div>中的所有小部件中了。

首先,使用dijit/registry::findWidgets()可以检索特定DOM节点内的所有小部件,在本例中可以用它来检索dijit/form/MultiSelect小部件:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
registry.findWidgets(shaper);

然后,您可以遍历找到的小部件数组,并使用dojo/_base/lang::mixin()使用另一个对象的内容来扩展另一个对象,例如:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
registry.findWidgets(shaper).forEach(function(widget) {
    lang.mixin(widget, shaperModule);
});

例如:http://jsfiddle.net/zLv7cvzt/

虽然这可能不完全有效(如果模块不存在,或者小部件中的小部件怎么办,dijit/registry::byId()没有检测到这些小部件),但它确实让您了解了如何实现它。

回答你的第二个问题,它是否可行,我会说这取决于。如果您用另一个这样的小部件扩展一个小部件,结果可能会非常奇怪,因为所有小部件都是从提供小部件生命周期的dijit/_WidgetBase扩展而来的,您可以混合这两个小部件的生命周期。

此外,如果您最终执行此操作并收到错误,如果您不熟悉自定义代码,则将很难对其进行调试。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28806631

复制
相关文章
javascript当中div在单行(float:left)用法
div在单行(float:left) 例 1.2.1 divInOneLineIEFF.html <div style="width:100px"> <div style="float:left; background-color:#CBCC00; width:33px">ab</div> <div style="float:left; background-color:#01000;width:34px">&nbsp;</div> <div style="float:left; background-color:#00CBFF;width:33px">bc</div> </div>
马克java社区
2019/11/26
8780
javascript当中div在单行(float:left)用法
JavaScript 函数式编程解析(上)
在 JavaScript 中,函数是一等公民,它意味着函数就跟其他任何数据类型一样,并没有什么特殊之处——可以存储在数组中,作为函数的参数传递、赋值给变量,等等。作为“一等公民”,函数的意义至少有如下几点:
用户4456933
2021/07/12
5800
JavaScript 函数式编程解析(上)
Javascript 获取div真实高度
第一种情况就是宽高都写在样式表里。           比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度,而通过#div1.offsetWidth才可以获取到宽度。 第二种情况就是宽和高是写在行内中。           比如style="width:120px;",这中情况通过上述2个方法都能拿到宽度。(什么是行内,就是直接在html标签上写样式) 小结,因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内,所以我们
问天丶天问
2018/06/13
5.2K0
在 View 上使用挂起函数
Kotlin 协程 让我们可以用同步代码来建立异步问题的模型。这是非常好的特性,但是目前大部分用例都专注于 I/O 任务或是并发操作。其实协程不仅在处理跨线程的问题有优势,还可以用来处理同一线程中的异步问题。
Android 开发者
2022/09/23
2.4K0
JavaScript匿名函数理解及应用[通俗易懂]
匿名函数顾名思义就是没有名字的函数,在实际开发中经常会用到,也是JavaScript的重点。匿名函数又叫立即执行函数。
全栈程序员站长
2022/11/09
8460
JavaScript匿名函数理解及应用[通俗易懂]
OpenCV 在 Android 上的应用
在 Android Studio 中创建一个 Library,将官网下载的 OpenCV 导入后,就可以直接调用 OpenCV 中 Java 类的方法。
fengzhizi715
2020/05/04
2.2K0
AI 在 marketing 上的应用
AI 在 marketing 中有很多应用,例如 搜索,推荐系统,程序化广告,市场预测,语音/文本识别(会话商务),防欺诈,网页设计,商品定价,聊天机器人等。 其中很重要的一个部分叫 audience target,AI 可以应用在这里,可以对顾客和顾客的需求进行精准的定位,找到前20%最有价值的客户,预测顾客下一次会买什么东西,这样可以减少时间金钱等资源的消耗。 另一个应用是内容生成,输入一个关键词,从大量的数据里,找到和这个关键词相关的段落文章等,融合成一段文字。 这个技术可以针对目标客户生成能够吸引
杨熹
2018/06/13
1.3K0
在Cloudflare Pages上构建应用
目前Cloudflare Pages处于测试阶段,可以在 pages.cloudflare.com 中申请Cloudflare Pages的试用资格。
用户1316967
2022/01/18
1.9K0
在Cloudflare Pages上构建应用
在 View 上使用挂起函数 | 实战
本文是探索协程如何简化异步 UI 编程系列的第二篇。第一篇侧重理论分析,这一篇我们通过实践来说明如何解决实际问题。如果您希望回顾之前的内容,可以在这里找到——《在 View 上使用挂起函数》。
Android 开发者
2022/09/23
1.4K0
在 View 上使用挂起函数 | 实战
JavaScript基础之八——全局函数的应用
    JavaScript中提供了一些常用的全局函数,开发者可以直接对其进行调用,示例如下:
珲少
2018/08/15
4040
div在div中垂直居中水平居中(css如何让div水平居中)
最近写网页经常需要将div在屏幕中居中显示,遂记录下几个常用的方法,都比较简单。 水平居中直接加上<center>标签即可,或者设置margin:auto;当然也可以用下面的方法
全栈程序员站长
2022/08/01
15.1K0
div在div中垂直居中水平居中(css如何让div水平居中)
在 Windows 系统上启用远程应用
需要一个远程桌面 App 进行演示, 安装 Windows 远程桌面服务太折腾, 需要安装域控制器, 再部署一整套的远程服务, 太折腾了, 如果只是演示的话, 没必要那么折腾。
beginor
2020/08/07
3.4K0
OpenCV在地图测试上的应用
我们在以往的UI自动化测试中,可以通过获取页面元素进行封装组合成一系列模拟真人的操作,来完成UI方面的自动化测试,但是在地图业务测试中,这种方式是无法完成的,地图是无法通过普通元素定位手段是无法获取元素的,比如完成对比新老版本路径规划的准确性、与竞品比较路线的成熟度,但通过图像识别也是一个不错的思路,今天我们介绍一下利用图像识别的方式,在地图测试做一些应用。下面我们介绍今天的主角——OpenCV
用户5521279
2020/04/15
1.4K0
OpenCV在地图测试上的应用
用 Flatpak 在 Linux 上安装应用
计算机应用由许多小文件组成,它们被链接在一起以执行一系列的任务。因为它们以“应用”的形式出现,在菜单或桌面上有彩色的图标,我们大多数人认为应用是一个单一的、几乎是有形的东西。在某种程度上,这样想是令人欣慰的,因为它们感觉是可以管理的。如果一个应用实际上是散落在你的计算机上的数百个小库和资源文件的组合,那么应用在哪里?撇开存在危机不谈,当一个应用需要一个版本的库,而另一个应用需要一个不同的版本时,会发生什么?
用户8965210
2022/01/04
1.7K0
在 FPGA 上运行 eBPF XDP 应用
这篇文章是对 OSDI20 的 Best Paper hXDP: Efficient Software Packet Processing on FPGA NICs 的阅读笔记,感兴趣的同学可以点击阅读原文查看论文的 paper,slide 和 video。
Oilbeater
2021/10/20
1.3K0
JavaScript 鼠标拖拽div 改变其大小
转自: http://www.cnblogs.com/yushang/archive/2013/03/19/2968782.html
acoolgiser
2019/01/17
1.7K0
超越Web,Javascript在物联网的应用
引子 Patrick Catanzariti 是一名Web开发工程师,最近他在 sitepoint 发表了《JavaScript Beyond the Web in 2014》,介绍了JavaScript在物联网中的应用,非常有意思。做为JavaScript的爱好者和从业者,我在这里把它翻译了,以飨读者。 顺便说一下,就在上周,我们团队的最新力作“真正的JavaScript控件集”----《新一代JavaScript控件Wijmo 5正式发布》啦。 前言 近十年来Javascript的发展速度非常快,伴随着
葡萄城控件
2018/01/10
2.3K0
超越Web,Javascript在物联网的应用
在 .NET 应用程序中运行 JavaScript
前几天我在做一个副业,意识到我需要使用一些 JavaScript 功能。一想到要再次处理 Node.js 和 npm,我就完全放弃了,所以我决定研究一下在 .NET 应用程序中运行 JavaScript 的可能性。很疯狂吧?实际上,这出乎意料的简单。
独立观察员
2022/12/06
2.6K0
在 .NET 应用程序中运行 JavaScript
JavaScript 函数节流和函数去抖应用场景辨析
函数节流和去抖的出现场景,一般都伴随着客户端 DOM 的事件监听。举个例子,实现一个原生的拖拽功能(不能用 H5 Drag&Drop API),需要一路监听 mousemove 事件,在回调中获取元素当前位置,然后重置 dom 的位置(样式改变)。如果我们不加以控制,每移动一定像素而触发的回调数量是会非常惊人的,回调中又伴随着 DOM 操作,继而引发浏览器的重排与重绘,性能差的浏览器可能就会直接假死,这样的用户体验是非常糟糕的。我们需要做的是降低触发回调的频率,比如让它 500ms 触发一次,或者 200m
吴裕超
2018/03/01
8990
点击加载更多

相似问题

使用javascript函数在div上应用CSS转换属性

20

在div上滚动时停止Javascript函数

222

Javascript:在div上执行的scrollBy函数

33

如何仅在div上应用javascript

11

在javascript函数中的div上设置焦点

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文