Questions tagged «javascript»

有关在ECMAScript(JavaScript / JS)及其各种方言/实现(不包括ActionScript)中进行编程的问题。此标记很少单独使用,但最常与标记[node.js],[jquery],[json]和[html]关联。

5
如何避免使用Javascript在多选框中按住ctrl键单击的需要?
我以为这将是一个简单的技巧,但是我已经搜索了几个小时,找不到合适的搜索词。我希望有一个普通的多重选择框(<select multiple="multiple">),但我不想用户必须按住控制键才能进行多重选择。 换句话说,我希望单击鼠标左键来切换<option>光标下方的元素,而不更改其他任何元素。换句话说,我想要的东西看起来像一个组合列表框,但表现得像一组复选框。 有人可以建议用Javascript做到这一点的简单方法吗?谢谢。
70 javascript  html  forms  dom 

10
基于JavaScript的差异实用程序
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗?更新问题,使其成为Stack Overflow的主题。 5年前关闭。 改善这个问题 我正在寻找用JavaScript编写的diff等效项,它仅返回/打印相关行。我不想两个文本都以高亮显示的差异彼此相邻显示,而只是想要实际的差异(加上一些缓冲行来知道差异在哪里),类似于linux diff实用程序的输出。 有人知道执行此操作的javascript函数吗?所有差异都应被识别(即使更改了空格)。谢谢。
70 javascript  diff 

10
选择框中的角度,布尔值
我想使用选择将布尔值设置为true或false,这是我的代码: <select class="span9" ng-model="proposal.formalStoryboard"> <option value="false">Not Included</option> <option value="true">Included</option> </select> 值(proposal.formalStoryboard)正确设置为true或false,但是在已经分配了值之后,更改不会反映在选择框上。 我尝试了ng-value =“ true”和ng-value =“ false”而不只是值,但效果不佳。


8
在node.js中生成并杀死进程
我试图在javascript中生成一个进程,并在一段时间后将其杀死(出于测试目的)。 最后,该过程将是一个无限循环,我需要在指定的时间使用不同的参数重新启动,因此我认为生成该过程并杀死它是执行此操作的最佳方法。 我的测试代码是: var spawn=require('child_process').spawn , child=null; child=spawn('omxplayer', ['test.mp4'], function(){console.log('end');}, {timeout:6000}); console.log('Timeout'); setTimeout(function(){ console.log('kill'); child.kill(); }, 1200); child.stdout.on('data', function(data){ console.log('stdout:'+data); }); child.stderr.on('data', function(data){ console.log('stderr:'+data); }); child.stdin.on('data', function(data){ console.log('stdin:'+data); }); 结果是: #~$ node test.js Timeout kill 但是我仍然需要发送ctrl + C来结束程序。我想念什么? 在Raspbian的节点0.10.17上,omxplayer是二进制文件(视频播放器)。 我试过了: 已添加chmod +x到应用程序。 以root身份启动。 子进程的标准输入暂停。在kill命令中使用所有与终止相关的信号。 ps在应用运行时,我还启动了一个命令: 2145 bash 2174 node 2175 …

1
RxJS中的链接可观察对象
我正在学习RxJS和Angular2。比方说,我有一个带有多个异步函数调用的promise链,这取决于前一个的结果,如下所示: var promiseChain = new Promise((resolve, reject) => { setTimeout(() => { resolve(1); }, 1000); }).then((result) => { console.log(result); return new Promise((resolve, reject) => { setTimeout(() => { resolve(result + 2); }, 1000); }); }).then((result) => { console.log(result); return new Promise((resolve, reject) => { setTimeout(() => { resolve(result + 3); …

9
希望HTML表单提交不执行任何操作
我希望HTML表单在提交后不执行任何操作。 action="" 这是不好的,因为它会导致页面重新加载。 基本上,我希望每当按下按钮或有人Enter在键入数据后点击该键,就调用Ajax函数。是的,我可以删除表单标签并添加,只需从按钮的onclick事件中调用该函数即可,但是我也希望“命中进入”功能而不会让人感到头疼。

2
如何克隆或重新调度DOM事件?
我正在寻找仅克隆或重新调度DOM事件的简单抽象方法。我对克隆DOM节点不感兴趣。 我做了一些实验,阅读了DOM Events规范,但没有找到明确的答案。 理想情况下,我正在寻找简单明了的东西: handler = function(e){ document.getElementById("decoy").dispatchEvent(e) } document.getElementById("source").addEventListener("click", handler) 当然,此代码示例不起作用。有一个DOM异常说明该事件当前正在分派-很明显。 我想避免使用手动创建新事件document.createEvent(),对其进行初始化和调度。 这个用例有一个简单的解决方案吗?


7
onClick可以工作,但是onDoubleClick在React组件上被忽略
我正在用React构建一个Minesweeper游戏,并希望在单击单元格或双击单元格时执行其他操作。当前,该onDoubleClick功能永远不会触发,onClick显示来自的警报。如果我删除onClick处理程序,则onDoubleClick可以。为什么两个事件都不起作用?是否可以在一个元素上同时存在两个事件? /** @jsx React.DOM */ var Mine = React.createClass({ render: function(){ return ( <div className="mineBox" id={this.props.id} onDoubleClick={this.props.onDoubleClick} onClick={this.props.onClick}></div> ) } }); var MineRow = React.createClass({ render: function(){ var width = this.props.width, row = []; for (var i = 0; i < width; i++){ row.push(<Mine id={String(this.props.row + i)} boxClass={this.props.boxClass} onDoubleClick={this.props.onDoubleClick} onClick={this.props.onClick}/>) …

19
Javascript:如何使用数组给定的对象名称动态创建嵌套对象
我希望有人可以帮助我使用此Javascript。 我有一个名为“设置”的对象,我想编写一个向该对象添加新设置的函数。 新设置的名称和值以字符串形式提供。然后,用下划线将给出设置名称的字符串分成一个数组。通过使用数组的每个部分指定的名称创建新的嵌套对象,新的设置应该添加到现有的“设置”对象中,最后一部分除外,最后一个部分应该是给出设置值的字符串。然后,我应该能够引用该设置并例如警告其值。我可以像这样以静态方式进行此操作... var Settings = {}; var newSettingName = "Modules_Video_Plugin"; var newSettingValue = "JWPlayer"; var newSettingNameArray = newSettingName.split("_"); Settings[newSettingNameArray[0]] = {}; Settings[newSettingNameArray[0]][newSettingNameArray[1]] = {}; Settings[newSettingNameArray[0]][newSettingNameArray[1]][newSettingNameArray[2]] = newSettingValue; alert(Settings.Modules.Mediaplayers.Video.Plugin); ...创建嵌套对象的部分正在执行此操作... Settings["Modules"] = {}; Settings["Modules"]["Video"] = {}; Settings["Modules"]["Video"]["Plugin"] = "JWPlayer"; 但是,由于组成设置名称的部分数量可能会有所不同,例如newSettingName可能是“ Modules_Floorplan_Image_Src”,因此我想使用诸如...的函数动态地执行此操作。 createSetting (newSettingNameArray, newSettingValue); function createSetting(setting, value) { // code …

4
如何使用Javascript / HTML上传简单的图片
是否有人知道如何进行简单的图像上传并将其显示在页面上。 这就是我要的东西。 用户(我)将选择一张图片 该页面将显示图像,而无需刷新页面或转到另一个文件。 倍数即可<img src>,因为我需要显示不同的图像尺寸。 这是我的代码。(其中一些是我从这里得到的编辑) <style> /* Image Designing Propoerties */ .thumb { height: 75px; border: 1px solid #000; margin: 10px 5px 0 0; } </style> <script type="text/javascript"> /* The uploader form */ $(function () { $(":file").change(function () { if (this.files && this.files[0]) { var reader = new …

11
如何在TypeScript中格式化日期/时间?
我一直在尝试Date在TypeScript中获取对象以格式化所需的方式时遇到麻烦。 我有一个Module定义为的类: export class Module { constructor(public id: number, public name: string, public description: string, public lastUpdated: Date, public owner: string) { } getNiceLastUpdatedTime(): String { let options: Intl.DateTimeFormatOptions = { day: "numeric", month: "numeric", year: "numeric", hour: "2-digit", minute: "2-digit" }; return this.lastUpdated.toLocaleDateString("en-GB", options) + " " + this.lastUpdated.toLocaleTimeString("en-GB", …

10
如何使用jQuery将分钟转换为小时/分钟并添加各种时间值?
这个问题有两个部分。我不反对使用jQuery插件(如果有人知道可以实现我想要完成的任务)。 问题1-如何将分钟数转换为小时数,反之亦然?例如,我如何将90分钟转换为1小时30分钟。在下面的代码中,如何转换“ totalMin”并在“ convertedHour”和“ convertedMin”中显示? HTML: <span class="totalMin">90</span> Minutes <span class="convertedHour">0</span> Hours <span class="convertedMin">0</span> Minutes jsFiddle:http : //jsfiddle.net/ExFBD 问题2-如何合并一组时隙?例如,如何将1小时30分钟,2小时45分钟和2小时15分钟加在一起? HTML: <span class="hour-1 hour">1</span> hour <span class="min-1 min">30</span> min <span class="hour-2 hour">2</span> hour <span class="min-2 min">45</span> min <span class="hour-3 hour">2</span> hour <span class="min-3 min">15</span> min <span class="totalHour">0</span> hour <span class="totalMin">0</span> min …


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.