js或jquery怎么實(shí)現(xiàn)禁用頁面截屏等

示例如下：

為企業(yè)提供網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、全網(wǎng)營銷推廣、競價托管、品牌運(yùn)營等營銷獲客服務(wù)。成都創(chuàng)新互聯(lián)擁有網(wǎng)絡(luò)營銷運(yùn)營團(tuán)隊(duì)，以豐富的互聯(lián)網(wǎng)營銷經(jīng)驗(yàn)助力企業(yè)精準(zhǔn)獲客，真正落地解決中小企業(yè)營銷獲客難題，做到“讓獲客更簡單”。自創(chuàng)立至今，成功用技術(shù)實(shí)力解決了企業(yè)“網(wǎng)站建設(shè)、網(wǎng)絡(luò)品牌塑造、網(wǎng)絡(luò)營銷”三大難題，同時降低了營銷成本，提高了有效客戶轉(zhuǎn)化率，獲得了眾多企業(yè)客戶的高度認(rèn)可！

input id="btnShow" type="button" value="點(diǎn)擊" class="btn"

上面是一段按鈕的html代碼

如果要用原生的js來禁用這個按鈕

可以用這樣：

document.getElementByIdx_x_x("btnShow").disabled=true;（這樣就把按鈕禁用了）

如果要重新開啟按鈕，則可以讓disabled=false;即可

那么在jquery下面要如何設(shè)置呢？其實(shí)也很簡單

利用jquery的attr的方法即可

$("#btnShow").attr({"disabled":"disabled"});

如要讓按鈕恢復(fù)可用，可以采用removeAttr方法把disabled屬性刪除即可。

$("#btnShow").removeAttr("disabled");

javascript如何截屏

你好！很高興為你答題。

同時長按【電源鍵】+【主頁鍵】等待2秒鐘即可截屏。

另外你還可以獲取root權(quán)限后下載使用截屏大師一鍵截屏。截屏大師是當(dāng)前Android平臺最好用、最強(qiáng)大的截屏軟件。

獲取權(quán)限后還可以使用qq搖一搖截屏的全部截屏功能噢！

如若滿意，請點(diǎn)擊右側(cè)【采納答案】，如若還有問題，請點(diǎn)擊【追問】

希望我的回答對您有所幫助，望采納！

jq怎么點(diǎn)擊按鈕截圖保存

首先創(chuàng)建一個html文件，然后在body下創(chuàng)建一個div，該div下只有一個button和一個img，然后通過style的標(biāo)簽來添加css的樣式，這個css主要是用來定義div的顯示效果。比如寬、高、居中等。此時通過瀏覽器運(yùn)行html可以看到如下的效果。外觀上已經(jīng)實(shí)現(xiàn)，但是因?yàn)闆]有添加js或者jquery，所以沒有點(diǎn)擊按鈕沒有效果。接下來我們通過script標(biāo)簽中的src屬性來引入jquery庫文件，因?yàn)槭莏query本身就是一個封裝的js,所以是用javascript的引入方式。

jquery jcrop插件怎么截屏

div id="cutImage" style="display: none;"

div class="bigImg" style="float: left;"

img id="srcImg" src="" width="400px" height="270px"/

/div

div id="preview_box" class="previewImg"

img id="previewImg" src="" width="120px"/

/div

div

form action="" method="post" id="crop_form"

input type="hidden" id="bigImage" name="bigImage"/

input type="hidden" id="x" name="x" /

input type="hidden" id="y" name="y" /

input type="hidden" id="w" name="w" /

input type="hidden" id="h" name="h" /

Pinput type="button" value="確認(rèn)" id="crop_submit"http://P

/form

/div

/div

樣式：大圖、小圖展示都需要固定高度、寬度，因?yàn)楹笈_需要進(jìn)行放大處理。即：img width=""height=""/

然后是使用jcrop了。在使用jcrop前我們需要下載jcrop：。

將下載的壓縮包解壓后可以看到三個文件夾及一個index.html文件，/

css下放置的是Jcorp的樣式文件，/demo下放置的是幾個簡單的例子（index.html中引用的鏈接就是放置在這個文件夾下），/js下放置的是Jcorp中最重要的腳本文件。我們只需要使用三個文件即可：jquery.Jcrop.css、jquery.Jcrop.js、JQuery.js

使用方法：

復(fù)制代碼 代碼如下:

//裁剪圖像

function cutImage(){

$("#srcImg").Jcrop( {

aspectRatio : 1,

onChange : showCoords,

onSelect : showCoords,

minSize :[200,200]

});

//簡單的事件處理程序，響應(yīng)自onChange,onSelect事件，按照上面的Jcrop調(diào)用

function showCoords(obj) {

$("#x").val(obj.x);

$("#y").val(obj.y);

$("#w").val(obj.w);

$("#h").val(obj.h);

if (parseInt(obj.w) 0) {

//計(jì)算預(yù)覽區(qū)域圖片縮放的比例，通過計(jì)算顯示區(qū)域的寬度(與高度)與剪裁的寬度(與高度)之比得到

var rx = $("#preview_box").width() / obj.w;

var ry = $("#preview_box").height() / obj.h;

//通過比例值控制圖片的樣式與顯示

$("#previewImg").css( {

width : Math.round(rx * $("#srcImg").width()) + "px", //預(yù)覽圖片寬度為計(jì)算比例值與原圖片寬度的乘積

height : Math.round(rx * $("#srcImg").height()) + "px", //預(yù)覽圖片高度為計(jì)算比例值與原圖片高度的乘積

marginLeft : "-" + Math.round(rx * obj.x) + "px",

marginTop : "-" + Math.round(ry * obj.y) + "px"

});

}

}

}

在使用jcrop前一定要先將$(“”).jcrop();進(jìn)行預(yù)初始化，否則沒有效果。

還有一種調(diào)用的方法，

復(fù)制代碼 代碼如下:

var api = $.Jcrop('#cropbox',{

onChange: showPreview,

onSelect: showPreview,

aspectRatio: 1

});

這種方法是將Jcrop生成的對象賦給一個全局變量，這樣操作就會比較方便。

通過上面的js，就將X軸坐標(biāo)、Y軸坐標(biāo)、高度H、寬度W這個四個值傳遞給后臺了，后臺就只需要根據(jù)這四個值

進(jìn)行放大處理，然后切割即可。

Action

復(fù)制代碼 代碼如下:

/**

* 裁剪頭像

*/

public String cutImage(){

/*

* 獲取參數(shù)

* x,y,w,h,bigImage

*/

HttpServletRequest request = (HttpServletRequest) ActionContext.getContext().get(ServletActionContext.HTTP_REQUEST);

int x = Integer.valueOf(request.getParameter("x"));

int y = Integer.valueOf(request.getParameter("y"));

int w = Integer.valueOf(request.getParameter("w"));

int h = Integer.valueOf(request.getParameter("h"));

String bigImage = request.getParameter("bigImage");

//獲取文件真實(shí)路徑

//獲取文件名

String[] imageNameS = bigImage.split("/");

String imageName = imageNameS[imageNameS.length-1];

//文件正式路徑

String imagePath = getSavePath()+"\\"+imageName;

//切割圖片

ImageCut imageCut = new ImageCut();

imageCut.cutImage(imagePath, x, y, w, h);

//頭像裁剪完成后，將圖片路徑保存到用戶

UserBean userBean = (UserBean) request.getSession().getAttribute("userBean");

userBean.setUserPhoto(bigImage);

//保存頭像

UserCenterService centerService = new UserCenterService();

centerService.updatePhoto(userBean);

//將修改后的用戶保存到session中

request.getSession().setAttribute("userBean", userBean);

return "updatePhoto";

}

}

裁剪圖片工具類：ImageCut.java

復(fù)制代碼 代碼如下:

public class ImageCut {

/**

* 圖片切割

* @param imagePath 原圖地址

* @param x 目標(biāo)切片坐標(biāo) X軸起點(diǎn)

* @param y 目標(biāo)切片坐標(biāo) Y軸起點(diǎn)

* @param w 目標(biāo)切片 寬度

* @param h 目標(biāo)切片 高度

*/

public void cutImage(String imagePath, int x ,int y ,int w,int h){

try {

Image img;

ImageFilter cropFilter;

// 讀取源圖像

BufferedImage bi = ImageIO.read(new File(imagePath));

int srcWidth = bi.getWidth(); // 源圖寬度

int srcHeight = bi.getHeight(); // 源圖高度

//若原圖大小大于切片大小，則進(jìn)行切割

if (srcWidth = w srcHeight = h) {

Image image = bi.getScaledInstance(srcWidth, srcHeight,Image.SCALE_DEFAULT);

int x1 = x*srcWidth/400;

int y1 = y*srcHeight/270;

int w1 = w*srcWidth/400;

int h1 = h*srcHeight/270;

cropFilter = new CropImageFilter(x1, y1, w1, h1);

img = Toolkit.getDefaultToolkit().createImage(new FilteredImageSource(image.getSource(), cropFilter));

BufferedImage tag = new BufferedImage(w1, h1,BufferedImage.TYPE_INT_RGB);

Graphics g = tag.getGraphics();

g.drawImage(img, 0, 0, null); // 繪制縮小后的圖

g.dispose();

// 輸出為文件

ImageIO.write(tag, "JPEG", new File(imagePath));

}

} catch (IOException e) {

e.printStackTrace();

}

}

}

jquery 有截屏的插件呢？多謝大家 是截屏 就是截取當(dāng)前網(wǎng)頁的某一塊區(qū)域?yàn)橐粡垐D片 類似qq的截屏功能

js沒有生成圖片的功能，所以原理上說是不可能完成你說的那種功能，但是借助其他的工具能不能實(shí)現(xiàn)就不清楚了，QQ那種截圖是他使用了插件來實(shí)現(xiàn)。

網(wǎng)頁標(biāo)題：jquery截屏,js 截屏
URL地址：http://chinadenli.net/article35/dssppsi.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、全網(wǎng)營銷推廣、App開發(fā)、靜態(tài)網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)