導航:首頁 > 編程語言 > js去掉頁面雙擊選中

js去掉頁面雙擊選中

發布時間:2024-11-15 16:37:58

1. js給某個text標簽添加滑鼠的雙擊事件

js 的單雙擊事件同時存在會有一個問題:雙擊事件會同時觸發單擊事件,兩個事件存在沖突。
我們加一個延遲時間就能很好的解決這個問題。

原理: 當接收到第一個點擊時,我們先把單擊事件存儲在這個是全局變數 click_store 里,如果 0.3 秒內沒有接收到雙擊事件,就去執行它,如果接收到了,我們把它清理掉,然後去執行雙擊事件。setTimeout() 可以實現延遲執行。

2. js中 我要再頁面做一個雙擊顯示下拉菜單的功能 具體是在性別輸入欄 雙擊後 下拉出男女供選擇

幹嘛用雙擊呢?不累嗎?用單擊不是更好?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
<!--
#x{width: 69px;padding: 6px;border: 1px solid #000000;position: absolute;left: 11px;top: 40px;display: none;}
#x a{display: block;line-height: 25px;color: #000000;text-decoration: none; font-size:12px;}
#x a:hover{color: #FFFFFF;text-decoration: underline;background-color: #000000;font-weight: bold; font-size:12px;}
-->
</style>
<script language="javaScript">
<!--
var pos=function(str){
var Left=0,Top=0;
do{Left+=str.offsetLeft,Top+=str.offsetTop;}
while(str=str.offsetParent);
return {"Left":Left,"Top":Top};
}
function abc(str){
with(pos(str)){
document.getElementById('x').style.top=Top+22;
document.getElementById('x').style.left=Left;
}}
//-->
</script>
</head>

<body>
<input name="xingbie" type="text" id="xingbie" size="10" onclick="document.getElementById('x').style.display='inline';abc(this);">
<div id="x">
<a href="JavaScript:" onclick="document.getElementById('xingbie').value=this.innerText;document.getElementById('x').style.display='none';">男</a>
<a id="x2" href="JavaScript:" onclick="document.getElementById('xingbie').value=this.innerText;document.getElementById('x').style.display='none';">女</a></div>
</body>
</html>

3. js可以雙擊運行

必須可以啊~雙擊單擊只是事件不同而已如果想雙擊運行就用ondblclick事件來觸發就可以了~

4. js 怎麼禁止雙擊事件,或者把雙擊事件改成單擊事件

<button onclick="test(1)" ondblclick="test(2)"></button><script language="javascript">var i = 1;function test(n) {i = n;var val = setTimeout("call();",250);if(i==2){clearTimeout(val);}}function call() {if(i==1){alert('click');}else if(i==2){alert('dblclick');}}</script>
解決但雙擊沖突的方法

5. js載入時雙擊

js載入時雙擊:
1、新建一個html文件,命名為test.html,
2、在test.html頁面中,使用button標簽創建一個按鈕,用於下面雙擊該按鈕時觸發雙擊事件。
3、在test.html頁面中,給button按鈕綁定ondblclick雙擊事件,當按鈕被雙擊時,執行go()函數。
4、在test.html頁面中,使用script標簽標記js代碼執行區域,
5、在js內,使用function創建一個go()函數,
6、在go()函數內,使用alert()方法彈出文字內容,例如,彈出這是一個雙擊按鈕文字。
7、在瀏覽器打開test.html文件,雙擊按鈕,彈出這是一個雙擊按鈕文字。

閱讀全文

與js去掉頁面雙擊選中相關的資料

熱點內容
照片文件名中的數字代表什麼 瀏覽:44
cs6裁切工具 瀏覽:235
資料庫超過多少數據會卡 瀏覽:858
CAD落圖文件 瀏覽:125
怎樣翻譯文件內容 瀏覽:679
戴爾r910安裝linux 瀏覽:69
有線電視升級失敗 瀏覽:560
火絨安全把文件刪掉了在哪裡找 瀏覽:503
手機qq網路狀態方框 瀏覽:225
哪裡有文件紙袋 瀏覽:873
復制的東西能不能粘貼到空文件夾 瀏覽:876
酒店沒有網路如何繳費 瀏覽:380
win10開機滾動很久 瀏覽:520
可對元數據實例進行的操作有什麼 瀏覽:934
什麼後綴的文件kit 瀏覽:295
word行書字體庫下載 瀏覽:579
iosuc版本歷史版本 瀏覽:14
電影字幕文件製作軟體 瀏覽:723
windows10免密碼登錄 瀏覽:762
iphone5s跑步記步 瀏覽:978

友情鏈接