js div内禁止选择文本

2024-09-02

禁止选择DIV内的文本(css,js写法)

css:<span style="font-family:SimSun;font-size:18px;">/* 禁止选择div内的文字 */ #hall_body { -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: no

禁止选择文本和禁用右键 v1.0

var zhonghao={ //绑定事件 myAddEvent: function(obj, sEvent, fn){if(obj.attachEvent){obj.attachEvent('on'+sEvent, fn);}else{obj.addEventListener(sEvent, fn, false);}}, //禁止选择文本 disableselect:function(e){ var omitformtags=["input", "textarea"

css实现div内一段文本的两端对齐

在一个固定宽度的div内,使得P标签内的文本两端对齐: text-align: justify;text-justify:inter-ideograph; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>justify</title> </head> <style> .box{wi

禁止选择文本和禁用右键 v3.0

禁止选中字体(注:在火狐浏览器没有起到效果作用) <script> function disableselect(e) { var omitformtags = ["input", "textarea", "select"]; omitformtags = omitformtags.join("|"); if (omitformtags.indexOf(e.target.tagName.toLowerCase())

禁止选择文本和禁用右键 v2.0

禁止鼠标右键(注:在火狐浏览器没有起到效果作用) <script> function stop() { return false }; document.oncontextmenu = stop; javascript: ; </script>

JQuery/JS select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值

//**1.设置选中值:(根据索引确定选中值)**// var osel=document.getElementById("selID"); //得到select的ID var opts=osel.getElementsByTagName("option");//得到数组option var obt=document.getElementById("bt"); obt.onclick=function(){ opts[3].selected=tr

2.24 js处理内嵌div滚动条

2.24 js处理内嵌div滚动条前言前面有篇专门用js解决了浏览器滚动条的问题,生活总是多姿多彩,有的滚动条就在页面上,这时候又得仰仗js大哥来解决啦.一.内嵌滚动条 1.下面这张图就是内嵌div带有滚动条的样子,记住它的长相. 2.页面源码如下:(老规矩:copy下来,用文本保存下来,后缀改成.html,用浏览器打开) <!DOCTYPE html> <meta charset="UTF-8">

禁止选中文本JS

if (typeof(element.onselectstart) != "undefined") { // IE下禁止元素被选取 element.onselectstart = new Function("return false"); } else { // firefox下禁止元素被选取的变通办法 element.onmousedown = new Function("return false"); element.onmouseup =

js单击自动选择文本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <t

css选择器（选择<div>内所有<p>元素）

情况1:<div><p></div> 情况2:<div><a><p></p></a></div> 使用: div p{} 其实在这里的解释是,选择<div>内所有<p>元素,不会是局限在<div>的下一级,而是不过<p>元素在第几级都会找到. 参考: http://www.w3school.com.cn/cssref/css_selectors.asp

Jquery插件实现点击获取验证码后60秒内禁止重新获取

通过jquery.cookie.js插件可以快速实现“点击获取验证码后60秒内禁止重新获取(防刷新)”的功能先到官网(http://plugins.jquery.com/cookie/ )下载cookie插件,放到相应文件夹,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"

white-space norma nowrap强制同一行内显示所有文本文字，让所有文字内容中一排显示不换行

日常我们为了让文字内容在一行内显示完,哪怕宽度不够也不能换行,我们可以使用white-space样式,但如果遇到了html br强制换行标签,无论是设置white-space与否都会被<br>强制换行. 昨天仿照娜姐做的标题滚动,自己照着那个js也写了一个,结果发现死活就是不滚动,今天早上发现原来还有一段CSS代码没有看到,这个css代码尤为重要. 其中就是有一个属性: white-space:nowrap; 2.white-space参数:normal : 默认处理方式nowrap : 强制

js向标签中添加文本或其他的简例

1.如何用js 在div内插入内容? 不是改变内容,而是插入,就是在保留原内容的基础上,在尾部添加.举个例子. 元内容<div>你好</div> 插入后<div>你好世界</div> 最好不要用获取原内容,然后在组合新字符串后改变正规内容通过document.createTextNode来添加 <!DOCTYPE html> <html> <head> <meta http-equiv="Content

JS应用之禁止抓屏、复制、打印

JS应用之禁止抓屏.复制.打印项目需要禁止抓屏.复制.打印的要求,复制.打印做起来可能顺手一点网上各种各样的脚本俯首皆是.但抓屏怎么禁止?PrintScreen是一个特殊的键,它是没有keyCode的键,所以onkeydown变得毫无用处.不过换一种思路的话可会更好,我们从粘贴板着手采取曲线救国策略.代码如下:<script language="javascript">window.setInterval("clipboardData.setData('text'

CSS——div内文字的溢出部分用省略号显示

使得div内文字的溢出部分用省略号显示,可归纳为两种解决办法,一种方法是用CSS解决,另一种方法是js解决. 一.通过CSS控制显示 div内显示一行,超出部分用省略号显示 div内显示多行,超出部分用省略号显示代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>例子</title> <style> /* 单行文字末尾省略号显

webkit中获取用户选择文本和编程设定选择文本

一.需求背景在 Android 应用中,内嵌一个 WebView,希望捕获用户点击事件,通过 javascript 判断用户点击的是否英文单词,如果是则将被点击单词发给应用做进一步处理,并实用 javascript 将该单词选中.无论是 webkit 还是 chrome ,我都没找到官方 javascript api 文档,只好参看 MDN ,好在 chrome 开发工具是一个很好的调试和探索工具,有了这两样,我们就可以开工了.好在不需要考虑跨浏览器的兼容问题,问题简单了一些.一下代码仅限于以

js中内置有对象

statpot:使用mongo+bootstrap+highcharts做统计报表最近做了一个统计项目,这个统计项目大致的需求是统计接口的访问速度.客户端会调用一个接口来记录接口的访问情况,我的需求就需要分析这些数据,然后做出个统计报表. 需求实现最初的时候想着每天把这些接口访问情况的信息存储到mysql中,然后根据这些访问情况做个分析再做报表.然后第一个问题就来了,信息包含太多字段了,如果我将每个信息解析成mysql表的一个字段,那么这个字段很长,而且还有一个致命缺陷,不容易扩展.如果将所

select标签禁止选择但又能通过序列化form表单传值到后台

前言项目开发中,我们可能会碰到这样的需求:select标签,禁止选择但又能通过序列化form表单传值到后台,但是当我们使用disabled="disabled"时发现,无法序列化form获取到select标签的值:当我们使用readonly="readonly"发现,我们还是能展开下拉框并选择值,这时候我们应该怎么实现这个需求呢? 代码实现方法一 1.设置readonly="readonly",设置被禁用的页面效果 2.设置onmousedo

CSS div内文字显示两行，超出部分省略号显示

1. 概述 1.1 说明在项目过程中,有时候需要控制div内文字最多显示两行,超出的使用省略号进行处理.使用识别码/前缀-webkit进行处理可直接得到相应效果. 1.1 -webkit WebKit内核的css前缀为“-webkit-”,Comodo Drangon(科摩多龙),苹果,安卓,搜狗高速浏览器3,快快浏览器,枫树浏览器,云游浏览器,360极速浏览器,世界之窗极速版,SRWare Iron,猎豹浏览器,RockMelt,QQ浏览器都可识别. 备注:IOS版的微信.android版本

图片转换base64编码,点击div的时候选择文件

有时候我们希望文件上传的时候预览图片,下面插件可以实现上传前预览图片 (也可以提取文件的base64编码) max-height: 140px;max-width: 120px;可以指定图片的最大宽度和高度 <!doctype html> <html> <head> <meta charset="utf-8"> <script src="jquery.js" type="application/java

js div内禁止选择文本

热门专题