Javascript 悬停元素时筛选最后一个子元素
当我想创建jquery的Inputctor插件时,我遇到了一个问题,若我选择元素的子元素,那个么不应该选择父元素 这是带有双边框的inpect,实际上只检查主元素,但后面跟着父元素 这是我的护照Javascript 悬停元素时筛选最后一个子元素,javascript,jquery,jquery-plugins,Javascript,Jquery,Jquery Plugins,当我想创建jquery的Inputctor插件时,我遇到了一个问题,若我选择元素的子元素,那个么不应该选择父元素 这是带有双边框的inpect,实际上只检查主元素,但后面跟着父元素 这是我的护照 http://jsfiddle.net/Rp7hr/46/ 这段代码是我的插件如何调用的 $(function(){ //generate dropdown list var test = $('.summary').ksinspect(); }); 我不明白为什么if
http://jsfiddle.net/Rp7hr/46/
这段代码是我的插件如何调用的
$(function(){
//generate dropdown list
var test = $('.summary').ksinspect();
});
我不明白为什么iframe标签上的元素是不能悬停的?您看到的效果是因为事件冒泡。 停止你应该使用的 这里更新了 见更新
_ks.onMouseOver = function() {
var el = ktm.query(document).find('*');
el.on('mouseenter',function(e){
e.stopPropagation(); // THIS is newly added line...
var d = new Date();
var id = d.getTime() + randomID(1);
var parents = ktm.query(this).parents("*");
var getParents = _get_parents(ktm.query(this));
ktm.query(this).attr('data-key',id); //add attr data-key
ktm.query(getParents).removeClass('glare'); //remove class
ktm.query("[data-key=" + id + "]").addClass('glare'); //add class
console.log("selector = " + getParents);
console.log("cusrrent selector = " + this);
});
}
谢谢这是工作,你知道为什么iframe上的元素不能悬停吗?@viyancs你在哪个浏览器中选中iframe?在chrome中,IFRAME看起来不错,没有任何问题。。但是,由于安全问题,IFrame文档中的元素可能无法工作。如果这解决了您的问题,请接受作为答案的安全问题?你能给我一些参考资料吗?我需要起床。我使用的是chrome 26。@viyancs Iframe可以包含来自不同域的内容,允许javascript访问IFRames DOM元素可能会引起安全问题。。有些想法在。。。考虑你在iFrAME中打开XYZ.com…在javascript中,您将xyz中的
keydown
事件附加到密码和用户ID字段中。。。然后,您的代码可以使用xyz.com进行实际操作,或者读取或观察用户正在做什么,然后在ajax的帮助下将其发送到您的服务器。。。