草庐IT

event_datetime

全部标签

javascript - 从 event.target 获取子元素

event.target返回执行操作的DOM元素。如何从输出中获取特定的子元素?这是我的表单(带有Angular标记):ExamplefileinputSubmit它触发函数:onSubmit(event){console.log(event.target);}输出整个表单。我需要访问onSubmit()函数中的input元素。 最佳答案 您可以使用documentElement.querySelector()方法。functiononSubmit(event){console.log(event.target.querySelec

javascript - 从 Date 设置 datetime-local 的值

我想用当前日期和时间设置日期时间本地输入的值。现在我有一个丑陋的解决方案,涉及对前17个字符进行切片。此外,它以GMT而非本地时间设置时间。我的代码如下:vard=newDate();varelem=document.getElementById("1234");elem.value=d.toISOString().slice(0,16);这段代码有两个问题:有没有办法在不手动分割字符串的情况下将日期转换为合法值?我希望字符串在本地日期时间中显示为DD/MM/YYYY,hh:mm(例如05/11/2015,14:10在GMT中是13:10,但我在GMT+1,所以我想显示14:10)。当

javascript - Jquery - event.target 和 this 关键字之间的区别?

event.target和this有什么区别?假设我有$("test").click(function(e){$thisEventOb=e.target;$this=this;alert($thisEventObj);alert($this);});我知道警报会弹出不同的值。任何人都可以解释其中的区别吗?非常感谢。 最佳答案 如果您单击事件所关联的元素,它们将是相同的。但是,如果您单击一个子并且它冒泡,那么this引用此处理程序绑定(bind)到的元素,并且e.target仍然引用事件起源的元素。你可以在这里看到区别:http://

html - 如何在没有 AM/PM 的情况下使用 datetime-local?

我想使用下面的代码:并希望它没有AM/PM,而是24小时制。有办法吗? 最佳答案 datetime-localinputtype指定不带时区的本地时间,值的内部表示是符合ISO8601的格式,没有AM/PM。由实现决定在用户界面中可以使用什么本地化格式。他们是否有AM/PM指示符不在作者的控制范围内。在我的环境中,在我经常使用的浏览器中,只有Chrome真正支持datetime-local。它在质量上有问题(使用ISO8601格式),但关键是没有AM/PM,甚至没有输入它的可能性。您的里程会因浏览器的语言和/或操作系统设置而异。

javascript - HTML 内容可编辑 div : select text event

我有一个contenteditable的div用户可以在其中输入任何内容。当用户在div中进行选择时,有什么方法可以获取事件。类似于:$('.editable').onSelection(function(e,selection){alert(selection);} 最佳答案 你可以尝试这样的事情:没有'selectend'事件,但我们可以通过观察mouseup事件来判断用户何时完成选择$(function(){$('.editable').on('selectstart',function(){$(document).one('

html - 如何在IE9中访问Event.target?

HTMLDOM对象模型定义了一个Event对象withatargetproperty.查看MSDN,Microsoft文档targetproperty.他们还记录了srcElement作为早期版本的InternetExplorer中target的别名:ThetargetpropertyissimilartosrcElementinWindowsInternetExplorer8andearlierversions.所以我在InternetExplorer中,位于click断点处:functiondivClick(sender){vardivCell=sender;在F12工具控制台,我

javascript - input 的 event.target 在 this.setState [React.js] 中为 null

在我的react组件中,我有一个文件输入:`我的onFileChange是:onFileChange(e){letfile=e.target.files[0];this.setState(()=>({file:e.target.files[0]}));//doesntwork//this.setState(()=>({file}));//works//this.setState({file:e.target.files[0]});//works}第一种设置状态的方法失败并出现错误:Cannotreadproperty'files'ofnullReact还会给出以下警告:Thissynt

jquery - html 5 中的 event.originalEvent.dataTransfer.files 和 event.dataTransfer.files 之间的区别

有什么区别event.originalEvent.dataTransfer.files和event.dataTransfer.files???因为在拖放中,第二个代码不起作用,它是未定义的,我不得不使用第一个代码,因为它可以工作! 最佳答案 jQuery不会将浏览器事件对象传递给您,它会传递jQueryeventobject.您可以通过jQuery事件对象中的.originalEvent属性访问原始未触及的事件对象。然后您可以照常进行。所以在代码中:jQuery事件模型:$(document).on("dropdragenddrag

javascript - AngularJs ng-click $event 将子元素作为目标传递

对于表格中的每个td元素,我都有一个附加的ng-click。这是每个表格单元格的(简化的)html:{{event.eventName}}还有我的(简化的)ng-click函数:scope.cellClicked=function(event){rowScope.cellEdit=trueangular.element(event.target).find('input').focus()}我的目标是:用户点击表格单元格单元格更改为“编辑模式”将焦点置于td内的input元素。现在,只要用户点击在td元素内而不是在span元素上,它就可以工作:console.log(angular.e

javascript - 调用 ondblclick 而不调用 onclick-event

是否有一个不使用jquery的简单解决方案,在HTML标签内调用ondblclick而不会导致onclick发生?这总是关闭窗口,尽管它应该只显示警报:X(它仅适用于javascript弹出窗口,因为您无法使用window.close();关闭主窗口) 最佳答案 我的猜测是,每个解决方案都会遇到双击超时长度因用户偏好而异的问题,如上面评论中的IrvinDomininakaEdward所述:FromjQuerydocsbutrelated:"Itisinadvisabletobindhandlerstoboththeclickandd