草庐IT

查找HTML元素

全部标签

javascript - 通过使用不同的选择器选择一个元素来赋予一个元素多个事件处理程序

我有几个“事件”类,涵盖了我的一些svg元素。我正在为每个类分配一个用于mouseover和mouseout的事件处理程序,如果一个元素有多个类,我希望两个处理程序都触发。我该怎么做呢?似乎当我这样做的时候d3.selectAll(".a-class").on("mouseover",function(){//doA}).etc();d3.selectAll(".another-class").on("mouseover",function(){//doB}).etc();然后,当我将鼠标悬停在具有两个类的元素上时,只有B(第二个处理程序)触发,显然是因为它覆盖了第一个。有没有一种方法

javascript - html5视频播放器与视频js的关系

我开始使用HTML5和javascript,我对video.js关于HTML5播放器/html“video”标签和video.js之间的关系以及video.js的目的有一个基本的怀疑。我的具体问题是:video.js是在内部使用HTML5原生播放器还是创建并使用自己的播放器?如果是,那么:一个。除了它提供的更好的外观和控件之外,还有其他使用Video.js的原因吗?我知道有适用于video.js的插件具有播放HLS和DASH视频等附加功能,但这里我说的是核心video.js模块。是否需要使用HTML5播放器,或者可以更改为使用video.js中的自定义播放器如果Q1的答案是否定的,那么

Javascript 联合对联合查找

我致力于寻找工会。我想根据其中一个索引是否与另一对的索引共享一个数字来对数字对进行分组。所以:我有一组这样的对:pairs:[[1,3],[6,8],[3,8],[2,7]]将它们组合成这样的并集的最佳方式是什么:[[1,3,8,6],[2,7]]([1,3]和[3,8]在一起是因为它们共享3。该组与[6,8]联合是因为它们共享8。在javascript中执行此操作的最佳方法是什么?以下是其他示例:pairs:[[8,5],[10,8],[4,18],[20,12],[5,2],[17,2],[13,25],[29,12],[22,2],[17,11]]into[[8,5,10,2,1

javascript - 为javascript插入的元素添加点击事件

如果我点击第一个“编辑”,我会得到一个console.log('clickhappend')但是如果我通过javascript添加其中一个框(点击“添加框”)然后从这个新框中编辑click不起作用。我知道这是因为javascript在元素不存在时运行,这就是为什么没有点击事件监听器的原因。我也知道使用jQuery我可以这样做:$('body').on('click','.edit',function(){//dowhatever};这样就可以了。但是我如何使用纯Javascript执行此操作?我找不到任何有用的资源。创建了一个我想工作的简单示例。解决这个问题的最佳方法是什么?所以问题是

javascript - 单击文档而不是特定元素警报

在我的HTML中$(document).click(function(){alert('DocumentClicked');})CLICK[NOALERT]ME[NOALERT]在我这里的代码中,如果我点击按钮,如何防止显示警报,但是除了按钮之外的任何东西都可以被提醒。 最佳答案 您可以添加另一个click那个特定的听众并停止传播事件:$(document).click(function(){alert('DocumentClicked');})$('.not-clickable').click(function(e){e.stop

javascript - Vue.js 过渡出现/发生在进入视口(viewport)的元素上

首先请不要使用jQuery。我可以在jQuery等中做到这一点,问题的重点是在没有不必要的依赖的情况下做到这一点。这里的场景是我正在创建一个单页网站,其中有几个部分可供滚动浏览。我想用Vue.js'stransitions在浏览器滚动到该部分后简单地淡入。我已经设法使转换与appearattribute一起工作但问题是这个初始渲染触发器适用于屏幕外的元素,我想推迟该触发器,直到浏览器在屏幕上滚动该元素。我找到了像vue-observe-visibility这样的图书馆这可以满足我的需要,但老实说,我不想简单地为触发器创建大量数据属性,以将其更改为true,以便v-if语句触发淡入淡出效

javascript - Vue 在用 webpack 编译时用注释替换 HTML

我遇到的问题是,一旦我importvue,vue的包装元素(在我的例子中是#app)将被替换为以下注释控制台中没有错误,webpack编译正常,但是我确实从vue的mounted方法获取了控制台日志。我的index.htmlDocumentsomecontent{{test}}webpack.config.jsconstpath=require('path');module.exports={entry:'./src/app.js',output:{filename:'bundle.js',path:path.resolve(__dirname,'dist')}}源/app.jsimp

javascript - 按字段名从数组中删除元素

我有下一个数组:0:{id:"10",tipo:"work"}1:{id:"11",tipo:"work"}2:{id:"24",tipo:"school"}3:{id:"9",tipo:"work"}4:{id:"25",tipo:"school"}我想做的是从数组中删除一个元素,其中两个值匹配,例如,如果id=24和tipo=school,则数组位于位置2,必须删除,我有这个函数可以通过值找到数组键:functioneliminarElementoArray(array,val1,val2){for(vari=0;i该函数无法正常工作,在某些情况下它返回false,在其他情况下,它

javascript - 如何等待元素在柏树中消失?

我有一个加载指示器,我需要等待它消失才能执行我的断言。我见过一些人使用以下内容,但它似乎对我不起作用,而且我也不希望它成为断言。cy.get('element',{timeout:10_000}).should('not.exist');有人有什么建议吗? 最佳答案 恕我直言,最干净的方法是不要对get使用等待或超时,这有点反模式。我建议使用CypresswaitUntil命令并使用类似的东西:cy.waitUntil(function(){returncy.get('element').should('not.exist');})

javascript - 获取jquery中可见元素的索引

我想获取jquery中可见元素之间的selected类的索引。element01element02element03element04element05element06element07element08这些方法我都试过了console.log($('ulli.selected').index());console.log($('ulli:visible.selected').index());我想要上面示例中的数字3:ul中.selected元素的索引忽略不是的元素不可见。 最佳答案 您可以使用index根据选择可见元素的结果,