js如何阻止文本拖动搜索

更新时间:2023-06-29 22:28:08 来源:青锋建站 作者:青锋建站
  在一些页面在使用鼠标选中文字并拖动时会默认触发浏览器搜索操作,有时我们想禁止这一操作;或者有时我们在使用JS开发拖动的相关功能时,也希望拖动元素在不希望的目的区域时不要触发浏览器的搜索操作。以下是青锋建站给大家分享的与之相关的解决办法。

JS阻止鼠标选中文字拖动时会触发搜索

 A-在HTML body元素中添加事件:<body onselectstart="return false"></body>
    B-window.onselectstart = function () { 
    return false;
    };

JS阻止被拖动元素拖动到非目标区域触发搜索

将 text 这个key 替换成任意字符即可
$(document).ready(function(e){
$('.block-start').bind('dragstart',function(e){
e.originalEvent.dataTransfer.setData("text",JSON.stringify(data));
  e.originalEvent.dataTransfer.setData("qf",JSON.stringify(data));
  });
});
  以上就是青锋建站给大家分享的JS阻止鼠标拖动搜索相关的解决办法。青锋建站,提供专业的高品质网站制作服务,包括wordpress网站建设服务,SEO,网络营销,PHP开发,网站建设知名品牌,全国接单,专业做优化型网站,为企业构建营销平台。 

转载请注明来源网址:青锋建站-http://www.sjzphp.com/webdis/js_tuodong_1443.html

电话 15632335515 | 邮箱 943703539@qq.com | QQ 943703539 | 微信 qingfengjianzhan

Copyright © 2016-2026 青锋建站 版权所有