左键菜单js写法

/左侧菜单点击/
$(".side-menu").on(‘click’, ‘li a’, function(e) {
var animationSpeed = 300;
var $this = $(this);
var checkElement = $this.next();

if (checkElement.is('.menu-item-child') && checkElement.is(':visible')) {
  checkElement.slideUp(animationSpeed, function() {
	checkElement.removeClass('menu-open');
  });
  checkElement.parent("li").removeClass("active");
}
//如果菜单是不可见的
else if ((checkElement.is('.menu-item-child')) && (!checkElement.is(':visible'))) {
  //获取上级菜单
  var parent = $this.parents('ul').first();
  //从父级开始找所有打开的菜单并关闭
  var ul = parent.find('ul:visible').slideUp(animationSpeed);
  //在父级中移出menu-open标记
  ul.removeClass('menu-open');
  //获取父级li
  var parent_li = $this.parent("li");
  //打开菜单时添加menu-open标记
  checkElement.slideDown(animationSpeed, function() {
	//添加样式active到父级li
	checkElement.addClass('menu-open');
	parent.find('li.active').removeClass('active');
	parent_li.addClass('active');
  });
}
//防止有链接跳转
e.preventDefault();

addIframe($this);

});

/添加iframe/
function addIframe(cur){
var $this = cur;
var h = $this.attr(“href”),
m = $this.data(“index”),
label = $this.find(“span”).text(),
isHas = false;
if (h == “” || $.trim(h).length == 0) {
return false;
}

var fullWidth = $(window).width();
if(fullWidth >= 750){
	$(".layout-side").show();
}else{
	$(".layout-side").hide();
}

$(".content-tab").each(function() {
	if ($(this).data("id") == h) {
		if (!$(this).hasClass("active")) {
			$(this).addClass("active").siblings(".content-tab").removeClass("active");
			addTab(this);
		}
		isHas = true;
	}
});
if(isHas){
	$(".body-iframe").each(function() {
		if ($(this).data("id") == h) {
			$(this).show().siblings(".body-iframe").hide();
		}
	});
}
if (!isHas) {
	var tab = "<a href='javascript:;' class='content-tab active' data-id='"+h+"'>"+ label +" <i class='icon-font'>&#xe617;</i></a>";
	$(".content-tab").removeClass("active");
	$(".tab-nav-content").append(tab);
	var iframe = "<iframe class='body-iframe' name='iframe"+ m +"' width='100%' height='99%' src='"+ h +"' frameborder='0' data-id='"+ h +"' seamless></iframe>";
	$(".layout-main-body").find("iframe.body-iframe").hide().parents(".layout-main-body").append(iframe);
	addTab($(".content-tab.active"));
}
return false;

}

/添加tab/
function addTab(cur) {
var prev_all = tabWidth( ( c u r ) . p r e v A l l ( ) ) , n e x t a l l = t a b W i d t h ( (cur).prevAll()), next_all = tabWidth( (cur).prevAll()),nextall=tabWidth((cur).nextAll());
var other_width =tabWidth($(".layout-main-tab").children().not(".tab-nav"));
var navWidth = ( &quot; . l a y o u t − m a i n − t a b &quot; ) . o u t e r W i d t h ( t r u e ) − o t h e r w i d t h ; / / 可 视 宽 度 v a r h i d e w i d t h = 0 ; i f ( (&quot;.layout-main-tab&quot;).outerWidth(true)-other_width;//可视宽度 var hidewidth = 0; if ( (".layoutmaintab").outerWidth(true)otherwidth;//varhide

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要获取鼠标左键选中的内容,我们可以借助JavaScript来实现。可以通过监听鼠标按键的点击事件来判断是否按下了鼠标左键,并在鼠标拖动的过程中实时获取选中的内容。 首先,我们需要给需要选中内容的元素添加一个鼠标按下事件的监听器,当鼠标按下时,获取到鼠标按下的位置坐标。 接着,在鼠标移动的过程中,我们就可以根据鼠标的位置坐标和选中的内容区域来获取被选中的文字内容。我们可以通过`window.getSelection()`来获取当前选中的内容。 最后,在鼠标抬起时,我们就可以得到最终选中的内容了。可以通过`window.getSelection().toString()`来获得选中的文字内容。 以下是一个简单的示例代码: ```javascript // 获取选中的内容 function getSelectedText() { const selectedText = window.getSelection().toString(); console.log(selectedText); } // 监听鼠标按下事件,获取按下的位置坐标 document.addEventListener('mousedown', function(event) { if (event.button === 0) { // 判断是否是鼠标左键按下 var startPoint = { x: event.clientX, y: event.clientY }; document.addEventListener('mousemove', mouseMoveHandler); } }); // 监听鼠标抬起事件,获取选中的内容 document.addEventListener('mouseup', function(event) { if (event.button === 0) { // 判断是否是鼠标左键抬起 document.removeEventListener('mousemove', mouseMoveHandler); getSelectedText(); } }); // 鼠标拖动事件,实时获取选中的内容 function mouseMoveHandler(event) { var currentPoint = { x: event.clientX, y: event.clientY }; // 根据起始点和当前点坐标计算选中的内容区域 // 然后可以根据这个区域来获取选中的内容 } ``` 以上就是使用JavaScript获取鼠标左键选中的内容的方法。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值