Question

我正在开发基于Web的Kalendar应用程序（多用户）。应用程序已经准备就绪，但有一点不太好。我想给用户一次机会，一次标记几次。这就是为什么我在每个领域都做了一个mousedown-function，以及一个mouseup-function。这样，我得到第一个标记字段，最后一个。中间的所有字段都可以通过id计算！现在的问题是：当我移动鼠标时，浏览器标记文本。我想要另一种鼠标行为。我希望鼠标绘制一个矩形，这样用户就可以看到它的位置，以便文档中没有任何文本被标记！这是非常重要的。你知道吗，如何解决这个问题？我已经停用了右键菜单，设置了我自己的菜单，但这对我来说很难:(。我已经用谷歌搜索了网页，但实际上我真的不知道，哪些关键字可以帮到这里。

PS：我正在使用jQuery，也许它可以在这种情况下提供帮助。

Answer 1

这是禁用文本选择的脚本：

http://www.dynamicdrive.com/dynamicindex9/noselect.htm

如果你有jQuery，你可以使用bind like：

$('#demo').bind('selectstart',function(e) {
    e.preventDefault();
});

这是一个JSFiddle：

http://jsfiddle.net/Nk9ec/2/

Answer 2

好的，我发现了，出了什么问题。您的代码仅适用于IE。我正在使用Firefox，并且我将我的应用程序优化到Firefox！那么现在，我设法禁用选择文本，具有该功能：

$(document).ready(function() {
    $(document)[0].oncontextmenu = function() {return false;} 
    $('#id').mousedown(function(event) {
        checkClk(event);
        return false; 
    });
});

函数checkClk（event）控制Clicking-Behavior。在我设法制作鼠标指针标准指针与css：

body {
    cursor: default;
}

我现在只需要弄清楚如何画出一个矩形，当我移动mous时，按住左键单击。我希望应用程序看起来像操作系统。如果单击并按住鼠标，则会出现一个Rectangle（如下所示：http://img21.imageshack.us/i/markiert.png/）。有没有人知道，这可能没有制作div，大小取决于Mouseposition？

WebPage上的鼠标行为 - 我不希望标记文本

2 个答案: