草庐IT

行为树

全部标签

javascript - onload 与 addEventListener 的 iframe 行为 ('load' )

我一直在尝试将隐藏的iframe元素添加到页面,并且我想在加载后操纵这些元素的DOM。我注意到我无法在将iframe添加到页面后立即开始操作DOM,因为它尚未加载。这不能用DOMContentLoaded事件来完成,因为它会触发iframe中不存在的文档,直到它被添加到页面,所以我们必须使用load事件。这是一些测试代码:variframe=document.createElement('iframe');iframe.onload=function(){console.log('loaded!');};document.getElementsByTagName('body')[0].

javascript - onload 与 addEventListener 的 iframe 行为 ('load' )

我一直在尝试将隐藏的iframe元素添加到页面,并且我想在加载后操纵这些元素的DOM。我注意到我无法在将iframe添加到页面后立即开始操作DOM,因为它尚未加载。这不能用DOMContentLoaded事件来完成,因为它会触发iframe中不存在的文档,直到它被添加到页面,所以我们必须使用load事件。这是一些测试代码:variframe=document.createElement('iframe');iframe.onload=function(){console.log('loaded!');};document.getElementsByTagName('body')[0].

javascript - Safari 10 中的新输入占位符行为 - 不再通过 JavaScript 隐藏更改

当通过JavaScript更改输入值时,macOSSierra中的Safari10.0似乎已经改变了输入中占位符的行为方式。它现在也不同于Chrome(53.0.2785.116)正在做的事情。到目前为止,当通过JavaScript设置输入值时,占位符会消失。通过JavaScript将值设置回空后,占位符将重新出现。现在通过JavaScript设置输入值不会隐藏占位符,直到输入随后获得焦点(例如通过被点击)。查看此JSBin以获取演示:https://jsbin.com/rogoludahu/edit?html,js,output这是预期的行为吗?如果是这样,在通过JavaScript

javascript - Safari 10 中的新输入占位符行为 - 不再通过 JavaScript 隐藏更改

当通过JavaScript更改输入值时,macOSSierra中的Safari10.0似乎已经改变了输入中占位符的行为方式。它现在也不同于Chrome(53.0.2785.116)正在做的事情。到目前为止,当通过JavaScript设置输入值时,占位符会消失。通过JavaScript将值设置回空后,占位符将重新出现。现在通过JavaScript设置输入值不会隐藏占位符,直到输入随后获得焦点(例如通过被点击)。查看此JSBin以获取演示:https://jsbin.com/rogoludahu/edit?html,js,output这是预期的行为吗?如果是这样,在通过JavaScript

javascript - 停止 Chrome 的点击并按住/拖动图像默认行为

我注意到在GoogleChrome浏览器中,用户可以点击并按住一张图片,同时按住该图片的半透明副本并使其与光标相连。然后可以将该图像拖到桌面上进行保存。我想防止和停止图像的半透明版本将自身附加到我网站中某些图像的光标上。我该怎么做? 最佳答案 您可以通过使用属性来阻止此行为-webkit-user-drag:auto|element|none;查看-webkit-user-drag的文档CSS-infos.net(我没有找到MDN文档,如果有人有更好的引用)使用方法在您的img标签上添加一个.nonDraggableImage类,并

javascript - 停止 Chrome 的点击并按住/拖动图像默认行为

我注意到在GoogleChrome浏览器中,用户可以点击并按住一张图片,同时按住该图片的半透明副本并使其与光标相连。然后可以将该图像拖到桌面上进行保存。我想防止和停止图像的半透明版本将自身附加到我网站中某些图像的光标上。我该怎么做? 最佳答案 您可以通过使用属性来阻止此行为-webkit-user-drag:auto|element|none;查看-webkit-user-drag的文档CSS-infos.net(我没有找到MDN文档,如果有人有更好的引用)使用方法在您的img标签上添加一个.nonDraggableImage类,并

html - (X)HTML 中的未定义行为?

(X)HTML中是否存在未定义的行为?我在玩过之后想知道这一点标签,它允许将HTML呈现为按钮。到目前为止没有新内容...但我注意到也可以使用标签。完整示例:normaltextboldtextlinkedtext这在Firefox上呈现如下:在谷歌浏览器中:现在,在firefox上,链接目标是不可可点击的,只有按钮...但是,在Chrome上,链接是可点击的,并将重定向到IANARFC2606Page.这是未定义的行为吗?(X)HTML中是否存在更多可描述为未定义行为的情况? 最佳答案 这比检查YiJiang给出的DTD稍微复杂一

html - (X)HTML 中的未定义行为?

(X)HTML中是否存在未定义的行为?我在玩过之后想知道这一点标签,它允许将HTML呈现为按钮。到目前为止没有新内容...但我注意到也可以使用标签。完整示例:normaltextboldtextlinkedtext这在Firefox上呈现如下:在谷歌浏览器中:现在,在firefox上,链接目标是不可可点击的,只有按钮...但是,在Chrome上,链接是可点击的,并将重定向到IANARFC2606Page.这是未定义的行为吗?(X)HTML中是否存在更多可描述为未定义行为的情况? 最佳答案 这比检查YiJiang给出的DTD稍微复杂一

html - 奇怪的 HTML5 Canvas drawImage 行为

我正在编写一些使用HTML5Canvas的代码。通常效果很好,但现在我发现了一个非常奇怪的行为。奇怪的是它在不同的浏览器上是一致的,所以一定是我理解错了......尽管文档似乎准确地说明了我在做什么。这是代码(它是一个对象方法):MyCanvas.prototype.getElement=function(){varinnerHtml="";varelem=jQuery(innerHtml,{'id':this.viewId});varcanvas=jQuery("",{'id':this.viewId+"canvas",'width':this.width,'height':this

html - 奇怪的 HTML5 Canvas drawImage 行为

我正在编写一些使用HTML5Canvas的代码。通常效果很好,但现在我发现了一个非常奇怪的行为。奇怪的是它在不同的浏览器上是一致的,所以一定是我理解错了......尽管文档似乎准确地说明了我在做什么。这是代码(它是一个对象方法):MyCanvas.prototype.getElement=function(){varinnerHtml="";varelem=jQuery(innerHtml,{'id':this.viewId});varcanvas=jQuery("",{'id':this.viewId+"canvas",'width':this.width,'height':this