草庐IT

data-events

全部标签

javascript - 什么是 data-* HTML 属性?

我最近在其中一个网站上发现这样的开始标签:我找不到任何关于它的信息。这些标签有什么用? 最佳答案 data-*属性是自定义HTML属性。基本上,有style、src、width、height、等标准HTML属性class...这些对浏览器有特殊意义并且是“保留的”。不过,自定义属性一般没有特殊意义,只对所有者的应用有特殊意义。它们可用于简化应用程序的逻辑。在您的属性名称前使用data-可确保future的标准属性不会使用您当前的属性。例如,假设今天您正在使用sound属性,但随后HTML标准添加了一个sound属性,其含义与您的意思

html - Mobile Web App : &lt;header&gt; vs <div data-role ="header">. 有什么区别?

我正在使用HTML5和jQueryMobile开发移动网络应用程序。HTML5MobileBoilerplate建议:关于jQuerymobile(Section"Puttingittogether:Basicsinglepagetemplate")建议哪种方式更可取?之间有什么区别?和data-role="header"?我确实尝试过谷歌搜索,但到目前为止没有答案。 最佳答案 data-*attributes用于为您网站上的脚本提供信息。除了向您的脚本提供该数据之外,它们没有更广泛的语义目的,它仅表示您网站上页面中的某些内容。el

html - Mobile Web App : &lt;header&gt; vs <div data-role ="header">. 有什么区别?

我正在使用HTML5和jQueryMobile开发移动网络应用程序。HTML5MobileBoilerplate建议:关于jQuerymobile(Section"Puttingittogether:Basicsinglepagetemplate")建议哪种方式更可取?之间有什么区别?和data-role="header"?我确实尝试过谷歌搜索,但到目前为止没有答案。 最佳答案 data-*attributes用于为您网站上的脚本提供信息。除了向您的脚本提供该数据之外,它们没有更广泛的语义目的,它仅表示您网站上页面中的某些内容。el

html 5 data-* 语法不能绑定(bind) Angular 2 中的值?

我有一个这样的对象数组Heros=[{heroName:"card1",heroType:"type1",heroHtml:"card1"},{heroName:"card2",heroType:"type2",heroHtml:"card2"}]我想像这样在我的html页面中显示它可以看到一个Plunker在这里。为什么data-component-type取不到正确的值?如果禁止或不推荐这样做,还有什么解决方案可用于将值绑定(bind)到html5自定义属性? 最佳答案 那是因为data-hero-type不是div的属性,而是

html 5 data-* 语法不能绑定(bind) Angular 2 中的值?

我有一个这样的对象数组Heros=[{heroName:"card1",heroType:"type1",heroHtml:"card1"},{heroName:"card2",heroType:"type2",heroHtml:"card2"}]我想像这样在我的html页面中显示它可以看到一个Plunker在这里。为什么data-component-type取不到正确的值?如果禁止或不推荐这样做,还有什么解决方案可用于将值绑定(bind)到html5自定义属性? 最佳答案 那是因为data-hero-type不是div的属性,而是

javascript - 如何在ie 7中获取 "data"属性?

我在IE7中使用“数据”属性,但我不知道如何获取它的值。jQuery可以帮助我吗?我有这个window.event.srcElement.getAttribute('data-pk')当然不行。编辑:for(i=0;ihtml 最佳答案 jQuery可以帮助...数据属性与jQuery中的data()函数一起工作。$(srcElement).data('pk');您可以将它与任何数据属性一起使用,例如,如果您有:您可以通过以下方式获取数据:$('#DivId').data('something');$('#DivId').data(

javascript - 如何在ie 7中获取 "data"属性?

我在IE7中使用“数据”属性,但我不知道如何获取它的值。jQuery可以帮助我吗?我有这个window.event.srcElement.getAttribute('data-pk')当然不行。编辑:for(i=0;ihtml 最佳答案 jQuery可以帮助...数据属性与jQuery中的data()函数一起工作。$(srcElement).data('pk');您可以将它与任何数据属性一起使用,例如,如果您有:您可以通过以下方式获取数据:$('#DivId').data('something');$('#DivId').data(

javascript - event.preventDefault() 到底是如何影响 DOM 的?

根据某人的建议,我在我的移动网络应用程序中添加了这一行$('body').on('touchstart',function(event){event.preventDefault()})以禁用native应用程序在iOS中弹跳。它非常适合禁用反弹,但在DOM的其他地方给了我一些奇怪的行为。无效的点击事件等。我希望能更好地理解它的作用以及如何解决它在DOM其他地方的影响。谢谢!编辑:我有这两行:$('body').on('touchstart',function(e){e.preventDefault()};$('#home').on('click',function(){alert('

javascript - event.preventDefault() 到底是如何影响 DOM 的?

根据某人的建议,我在我的移动网络应用程序中添加了这一行$('body').on('touchstart',function(event){event.preventDefault()})以禁用native应用程序在iOS中弹跳。它非常适合禁用反弹,但在DOM的其他地方给了我一些奇怪的行为。无效的点击事件等。我希望能更好地理解它的作用以及如何解决它在DOM其他地方的影响。谢谢!编辑:我有这两行:$('body').on('touchstart',function(e){e.preventDefault()};$('#home').on('click',function(){alert('

javascript - 未捕获的安全错误 : Failed to execute 'getImageData' on 'CanvasRenderingContext2D' : The canvas has been tainted by cross-origin data

我在Chrome和Opera浏览器中遇到这个错误:UncaughtSecurityError:Failedtoexecute'getImageData'on'CanvasRenderingContext2D':Thecanvashasbeentaintedbycross-origindata.该代码在InternetExplorer、MozillaFirefox和Safari中运行良好。但我需要在Chrome和Opera中修复它。请帮我找到解决此问题的方法?我在这一行收到这个错误imgData=ctx.getImageData(x1,y1,w,h); 最佳答