为什么此输入始终保持可点击？

基本上我想要的外层div采取一切事件，因此在div输入和别的无法点击：为什么此输入始终保持可点击？

<div id="div1"> 
    <div id="div2"> 
     <label>Input 1</label> 
     <input type="text" id="input1" /> 
    </div> 
</div> 

$(document).ready(function() { 
    $(document).on('click', '#input1', function(e){ 
     e.preventDefault(); 
    }; 
});

这里的非工作示例http://jsfiddle.net/KFWmk/3/

任何帮助表示赞赏:)

来源

2013-03-05 Matthew Lanham

在较新的jQuery（1.6+）：

$('div input').prop("readonly", true);

这个HTML readonly属性设置为true，在一个div的所有输入。

请注意，使用.attr()设置属性（布尔值为on或off的属性）在jQuery中已被弃用。

来源

2013-03-05 12:54:44

readonly有多好的支持？ – qwerty 2013-03-05 12:56:45

@qwerty它的IE5.5 + http://reference.sitepoint.com/html/input/readonly – 2013-03-05 12:57:42

实际上似乎更好，不知道这个来源是多么可靠：http://reference.sitepoint.com/ html/input/readonly – qwerty 2013-03-05 12:58:11

$('div input').attr("readonly", "readonly");

您可以将div中的所有输入字段设置为只读。

来源

2013-03-05 12:53:56 PSR

使用'.attr（）'设置属性在jQuery中已被弃用，请看看使用'.prop（）' – 2013-03-05 12:56:07

你可以尝试这样的

$(document).ready(function() { 
    $('div input').prop("readonly", true); 
});

来源

2013-03-05 12:55:05 Gautam3164

使用'.attr（） '设置属性在jQuery中已被弃用，请使用'.prop（）' – 2013-03-05 12:56:55

Yah我使用.attr编辑了那个be，我们继续设置属性... thanku – Gautam3164 2013-03-05 12:57:31

首先，bacause你没有带包括jQuery库。
其次，因为你有一个type-o。
第三是因为焦点是在点击事件之前发出的。（Prove）

如果你想输入字段不可编辑，你可以使用：

$("input").prop("readonly", true);

或者干脆当您在HTML创建输入字段：

<input readonly type="number">

如果你想防止专注于您可以使用的输入字段：

$("input").on("focus", function() { 
    $(this).blur(); 
});

来源

2013-03-05 13:00:59 andlrc

_“如果你想防止焦点”_ - 使用“只读”并不能防止焦点，它只是使得该领域......很好......只读。也就是说，您仍然可以选中该字段或使用鼠标选择文本，并且仍然可以将文本复制到剪贴板 - 您无法更改它。 – nnnnnn 2013-03-05 13:11:08

@nnnnnn你是对的...... :) – andlrc 2013-03-05 13:13:57

为什么此输入始终保持可点击？

回答

相关问题